Merge pull request 'xbx' (#54) from xbx into master

Reviewed-on: http://git.luyuan.tk/luyuan/deming/pulls/54
This commit is contained in:
luyuan 2020-07-10 15:58:42 +08:00
commit d925db690b
3 changed files with 90 additions and 5 deletions

View File

@ -6,7 +6,9 @@
'font-size':'32rpx', 'font-size':'32rpx',
'color':'#FF780F', 'color':'#FF780F',
'overflow':'unset' 'overflow':'unset'
}"></u-search> }"
@search="search"
></u-search>
</view> </view>
<view class="list"> <view class="list">
<view class="title">搜索发现</view> <view class="title">搜索发现</view>
@ -23,6 +25,18 @@ export default {
return{ return{
keyword:"" keyword:""
} }
},
methods:{
search(value){
// console.log(value)
this.$u.route({
url:"/pageB/search/out",
params:{
value,
type:"shop"
}
})
}
} }
} }
</script> </script>

View File

@ -4,8 +4,8 @@
<image></image> <image></image>
<u-search placeholder="搜索您需要的商品" v-model="keyword" height="60" :show-action="false"></u-search> <u-search placeholder="搜索您需要的商品" v-model="keyword" height="60" :show-action="false"></u-search>
</view> </view>
<u-tabs-swiper @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> <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>
<swiper class="swiper" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish"> <swiper v-if="type == 'dianpu'" class="swiper" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish">
<swiper-item> <swiper-item>
<scroll-view :scroll-y="true" style="height:100%"> <scroll-view :scroll-y="true" style="height:100%">
<view style="padding-top:30rpx"> <view style="padding-top:30rpx">
@ -25,6 +25,18 @@
</scroll-view> </scroll-view>
</swiper-item> </swiper-item>
</swiper> </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> </view>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -59,6 +71,49 @@
padding-left: 30rpx; 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> </style>
<script> <script>
@ -81,7 +136,8 @@ export default {
], ],
current: 0, current: 0,
swiperCurrent: 0, swiperCurrent: 0,
keyword:"" keyword:"",
type:""
} }
}, methods: { }, methods: {
tabsChange(index) { tabsChange(index) {
@ -96,7 +152,14 @@ export default {
this.$refs.uTabs.setFinishCurrent(current); this.$refs.uTabs.setFinishCurrent(current);
this.swiperCurrent = current; this.swiperCurrent = current;
this.current = current; this.current = current;
},
sx(type){
console.log(type)
} }
},
onLoad(o){
this.type = o.type
this.keyword = o.value
} }
} }
</script> </script>

View File

@ -6,7 +6,9 @@
<text class="u-line-1">{{ area }}</text> <text class="u-line-1">{{ area }}</text>
<image src="/static/image/shop/2.png"></image> <image src="/static/image/shop/2.png"></image>
</view> </view>
<u-search placeholder="日照香炉生紫烟" v-model="keyword" :show-action="false" bg-color="#fff" border-color="#999999"></u-search> <view @click="sousuo">
<u-search placeholder="日照香炉生紫烟" v-model="keyword" :show-action="false" bg-color="#fff" border-color="#999999" :disabled="true"></u-search>
</view>
<image src="/static/image/shop/3.png" class="mnue" @click="toClassifyPage"></image> <image src="/static/image/shop/3.png" class="mnue" @click="toClassifyPage"></image>
</view> </view>
<u-swiper :list="list" mode="dot" @click="clickImage"></u-swiper> <u-swiper :list="list" mode="dot" @click="clickImage"></u-swiper>
@ -91,6 +93,12 @@ export default {
this.getGoodsRecommend(); this.getGoodsRecommend();
}, },
methods: { methods: {
sousuo(){
// console.log(123)
this.$u.route({
url:"pageB/search/index"
})
},
getShopTopList() { getShopTopList() {
this.$u.api.getShopTopList().then((res)=>{ this.$u.api.getShopTopList().then((res)=>{
if (res.errCode == 0) { if (res.errCode == 0) {