no message

zhaojs

2023-06-10 e8ecfee389f4f4d4911a3ba3f9cfc20bca071602

no message

 uniapp/pages/active/tmsearch.vue

@@ -1,5 +1,5 @@
<template>
    <view class="pddsearch-wrapper wrapperLayer borderBox">
    <view class="pddsearch-wrapper wrapperLayer borderBox"  style="background: #fff;">
        <view class="topbarbox"></view>
        <view class="fixed-container colCen">
            <view class="topbarbox"></view>
@@ -61,6 +61,21 @@
                    </block>
                </scroll-view>
            </view>
            <!--二级搜索-->
            <view class="scrangeList-container rowCen" :class="scrollTop>fiexdtop?'tofixed':''" :style="'top:'+(scrollTop>fiexdtop?fiexdHeight:'0')+'px;'">
                <scroll-view class="scrollview-content" scroll-x scroll-with-animation="true">
                    <block v-for="(items,index) in secrendSearch" :key="index">
                        <view class="rangeItem" :class="nowsec==items.id?'rangeItem-active':''" @tap="changeSeRange(items.id)">
                            <view class="boxcontent colCenCen">
                                <view class="nameBox">
                                    {{items.name}}
                                </view>
                                <view class="border"></view>
                            </view>
                        </view>
                    </block>
                </scroll-view>
            </view>

            <view class="goodsList-container colCen borderBox">
                <view class="goods-content rowStaBet">
@@ -92,7 +107,38 @@
                goodsList: [],
                pageCurrent: 1,
                canloadmore: false,
                loadstatus: 'loading'
                loadstatus: 'loading',
                nowsec:0,
                secrendSearch:[
                    {
                        id:0,
                        name:'综合'
                    },
                    {
                        id:1,
                        name:'60天最低价'
                    },
                    {
                        id:2,
                        name:'聚划算'
                    },
                    {
                        id:3,
                        name:'淘抢购'
                    },
                    {
                        id:4,
                        name:'多买多送'
                    },
                    {
                        id:5,
                        name:'限量抢购'
                    },
                    {
                        id:6,
                        name:'额外满减'
                    }
                ]
            }
        },
        onLoad() {
@@ -139,7 +185,8 @@
                    cateId: cateid,
                    page: this.pageCurrent,
                    pageSize: 10,
                    tchaoshi:tchaoshi
                    tchaoshi:tchaoshi,
                    secrend_search:this.nowsec
                }).then(e => {
                    console.log(e);
                    if (e.code != 0) return that.$alert(e.msg)
@@ -163,6 +210,14 @@
                this.pageCurrent = 1
                this.canloadmore = false
                this.nowCurrent = id
                this.loadstatus = 'loading'
                this.goodsList = []
                this.getData()
            },
            changeSeRange(id) {
                this.pageCurrent = 1
                this.canloadmore = false
                this.nowsec = id
                this.loadstatus = 'loading'
                this.goodsList = []
                this.getData()
@@ -303,6 +358,50 @@
                    }
                }
            }
			
            .scrangeList-container {
                width: 100%;
                height: 80rpx;
                padding-left: 32rpx;
                z-index: 101;
			
                .scrollview-content {
                    width: 100%;
                    height: 100%;
                    white-space: nowrap;
			
                    .rangeItem {
                        display: inline-flex;
                        margin-right: 45rpx;
                        height: 100%;
			
                        .boxcontent {
                            height: 100%;
			
                            .nameBox {
								
                            }
			
                            .border {
                                width: 60%;
                                height: 2rpx;
                                background: transparent;
                            }
                        }
                    }
			
                    .rangeItem-active {
                        .boxcontent {
                            .nameBox {
                                font-size: 32rpx;
                                color:#F97B24;
                            }
			
							
                        }
                    }
                }
            }

            .rangeList-container {
                width: 100%;