theluyuan/deming
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

搜索点击时间

Browse Source
This commit is contained in:
luyuan 2020-07-10 15:58:03 +08:00
parent 73ffe92169
commit 5f080a3c9d
Signed by: theluyuan
GPG Key ID: A7972FD973317FF3
1 changed files with 60 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
pageB/search/out.vue
View File

@ -5,8 +5,7 @@
<u-search placeholder="搜索您需要的商品" v-model="keyword" height="60" :show-action="false"></u-search>
</view>
<u-tabs-swiper v-if="type == 'dianpu'" @change="tabsChange" :show-bar="false" :bold="false" :font-size="32" active-color="#FF780F" ref="uTabs" :list="list" :is-scroll="false" style="border-bottom: 1px solid #ececec;flex-shrink:0" height="88"></u-tabs-swiper>
<view></view>
<swiper class="swiper" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish">
<swiper v-if="type == 'dianpu'" class="swiper" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish">
<swiper-item>
<scroll-view :scroll-y="true" style="height:100%">
<view style="padding-top:30rpx">
@ -26,6 +25,18 @@
</scroll-view>
</swiper-item>
</swiper>
<view class="select">
<view @click="sx(1)" data-type="xl">销量</view>
<view class="xz" @click="sx(2)">
<text>价格</text>
<view class="jiage">
<view class="top"></view>
<view class="bottom bottomxz"></view>
</view>
</view>
<view data-type="hp" @click="sx(3)">好评</view>
</view>
</view>
</template>
<style lang="scss" scoped>
@ -60,6 +71,49 @@
padding-left: 30rpx;
}
}
.select{
width: 100%;
height: 89rpx;
border-bottom: 1rpx solid #ececec;
display: flex;
align-items: center;
padding: 0 40rpx;
flex-shrink: 0;
justify-content: space-between;
>view{
font-size: 32rpx;
color: #333;
display: flex;
font-weight:400;
.jiage{
display: flex;
flex-direction: column;
.top{
width: 12rpx;
border-bottom: 12rpx solid #707070;
border-left: 11rpx solid #fff ;
border-right: 11rpx solid #fff ;
margin-bottom: 2rpx;
}
.bottom{
width: 12rpx;
border-top: 12rpx solid #707070;
border-left: 11rpx solid #fff ;
border-right: 11rpx solid #fff ;
}
.topxz{
border-bottom: 12rpx solid #FF780F;
}
.bottomxz{
border-top: 12rpx solid #FF780F;
}
}
}
.xz{
color:#FF780F;
}
}
}
</style>
<script>
@ -98,10 +152,14 @@ export default {
this.$refs.uTabs.setFinishCurrent(current);
this.swiperCurrent = current;
this.current = current;
},
sx(type){
console.log(type)
}
},
onLoad(o){
this.type = o.type
this.keyword = o.value
}
}
</script>