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

6.18

Browse Source
This commit is contained in:
ghusermoon
2020-06-18 14:57:26 +08:00
parent df47e0d357
commit f0244f8077
106 changed files with 186 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
pages/shop/index.vue
View File

@@ -1,35 +1,35 @@
<template>
<view class="shop">
<view class="top">
<image class="local"></image>
<view class="add">
<text></text>
<image></image>
<image src="/static/image/shop/1.png" class="local"></image>
<view class="add" @click="chooseArea=true">
<text class="u-line-1">{{ area }}</text>
<image src="/static/image/shop/2.png"></image>
</view>
<u-search placeholder="日照香炉生紫烟" v-model="keyword" :show-action="false" bg-color="#fff" border-color="#999999"></u-search>
<image class="mnue"></image>
<image src="/static/image/shop/3.png" class="mnue"></image>
</view>
<u-swiper :list="list"></u-swiper>
<view class="chengnuo">
<view>
<image></image>
<image src="/static/image/shop/4.png"></image>
<text>免费洗衣</text>
</view>
<view>
<image></image>
<image src="/static/image/shop/5.png"></image>
<text>全国包邮</text>
</view>
<view>
<image></image>
<image src="/static/image/shop/6.png"></image>
<text>延误必赔</text>
</view>
<view>
<image></image>
<image src="/static/image/shop/7.png"></image>
<text>上门取件</text>
</view>
</view>
<view class="fenlei">
<shopitem v-for="item in 5" class="item"></shopitem>
<shopitem v-for="item in classifyList" :key="item.gc_id" class="item" :info="item"></shopitem>
</view>
<view class="fenlei">
<shopitem v-for="item in 5" class="item"></shopitem>
@@ -45,7 +45,8 @@
<image class="lingquan"></image>
<youhq></youhq>
<view class="hr" style="margin-top:40rpx"></view>
<list></list>
<list :classifyList="classifyList" :goodsList="goodsList"></list>
<u-picker mode="region" :params="areaParams" v-model="chooseArea" @confirm="setArea"></u-picker>
</view>
</template>
<script>
@@ -68,28 +69,57 @@ export default {
},
data(){
return {
area: "北京市",
chooseArea: false,
areaParams: {
province: true,
city: true,
area: false
},
keyword:"",
list:[{
image: '/static/uView/swiper/swiper1.jpg',
title: '蒹葭苍苍，白露为霜。所谓伊人，在水一方'
},
{
image: '/static/uView/swiper/swiper2.jpg',
title: '溯洄从之，道阻且长。溯游从之，宛在水中央'
},
{
image: '/static/uView/swiper/swiper3.jpg',
title: '蒹葭萋萋，白露未晞。所谓伊人，在水之湄'
}
]
image: '/static/uView/swiper/swiper1.jpg',
title: '蒹葭苍苍，白露为霜。所谓伊人，在水一方'
},
{
image: '/static/uView/swiper/swiper2.jpg',
title: '溯洄从之，道阻且长。溯游从之，宛在水中央'
},
{
image: '/static/uView/swiper/swiper3.jpg',
title: '蒹葭萋萋，白露未晞。所谓伊人，在水之湄'
}
],
classifyList: [],
goodsList: []
}
}
},
onLoad() {
console.log(this.$u.http)
this.getGoodsRecommend();
},
methods: {
getGoodsRecommend() {
this.$u.api.getGoodsRecommend({
page: 1,
}).then((res)=>{
console.log(res);
if (res.errCode == 0) {
this.classifyList = res.data.classifyList;
this.goodsList = res.data.goodsList;
// console.log(this.classifyList);
}
})
},
setArea(e) {
// console.log(e);
this.area = e.city.label;
}
},
}
</script>
<style lang="scss" scoped>
/deep/image{
background-color: #0f0;
}
.shop{
padding: 0 33rpx;
.top{
@@ -112,6 +142,9 @@ export default {
align-items: center;
margin-left: 14rpx;
margin-right: 37rpx;
> text {
width: 80rpx;
}
>image{
width: 24rpx;
height: 15rpx;