caoliancun
/
MALL_MP_WX
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

Browse Source
master
xiaozhiyong 1 year ago
parent 1f9fa4c3be
commit a87c17b91c
1 changed files with 62 additions and 49 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 43
      pages/home/index.vue

43
pages/home/index.vue
Unescape View File

@ -4,10 +4,12 @@
<view class="home_container"> <view class="home_container">
<view :style="{height:`${titleStyle.height}px`}" class="home_header flex jc ac">首页</view> <view :style="{height:`${titleStyle.height}px`}" class="home_header flex jc ac">首页</view>
<view class="home_input_container"> <view class="home_input_container">
<uni-easyinput @clear='seach' @confirm='seach' prefixIcon="search" trim="all" v-model="productName" placeholder="请输入内容"></uni-easyinput> <uni-easyinput @clear='seach' @confirm='seach' prefixIcon="search" trim="all" v-model="productName"
placeholder="请输入内容"></uni-easyinput>
</view> </view>
<!-- 轮播图 --> <!-- 轮播图 -->
<view :style="{order:mobile.GUANGGAO.index}" v-if="mobile&&mobile.GUANGGAO&&mobile.GUANGGAO.infoList.length" class="home_swiper_container"> <view :style="{order:mobile.GUANGGAO.index}" v-if="mobile&&mobile.GUANGGAO&&!mobile.GUANGGAO.isReveal&&mobile.GUANGGAO.infoList.length"
class="home_swiper_container">
<swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="2000" <swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="2000"
:duration="500"> :duration="500">
<swiper-item v-for="item in mobile.GUANGGAO.infoList"> <swiper-item v-for="item in mobile.GUANGGAO.infoList">
@ -16,25 +18,28 @@
</swiper> </swiper>
</view> </view>
<!-- 菜单列表 --> <!-- 菜单列表 -->
<view :style="{order:mobile.FENLEI.index}" v-if="mobile&&mobile.FENLEI&&mobile.FENLEI.infoList.length" class="home_menu_container"> <view :style="{order:mobile.FENLEI.index}" v-if="mobile&&mobile.FENLEI&&!mobile.FENLEI.isReveal&&mobile.FENLEI.infoList.length"
class="home_menu_container">
<view class="menu_section"> <view class="menu_section">
<view @click="goList('classify',item.id)" v-for="(item,index) in mobile.FENLEI.infoList" class="menu_item"> <view @click="goList('classify',item.id)" v-for="(item,index) in mobile.FENLEI.infoList"
class="menu_item">
<image :src="item.icon"></image> <image :src="item.icon"></image>
<view class="name">{{item.categoryName}}</view> <view class="name">{{item.categoryName}}</view>
</view> </view>
</view> </view>
</view> </view>
<!-- 新鲜好物 --> <!-- 新鲜好物 -->
<view :style="{order:mobile['1'].index}" v-if="mobile&&mobile['1']&&mobile['1'].infoList.length" class="home_fresh_container"> <view :style="{order:mobile['1'].index}" v-if="mobile&&mobile['1']&&!mobile['1'].isReveal&&mobile['1'].infoList.length"
class="home_fresh_container">
<view @click="goList('model',mobile['1'].type)" class="fresh_title flex jw ac"> <view @click="goList('model',mobile['1'].type)" class="fresh_title flex jw ac">
<view class="fresh_title_left strong">{{mobile['1'].moduleName}}</view> <view class="fresh_title_left strong">{{mobile['1'].moduleName}}</view>
<view class="fresh_title_right flex ac">更多好物 <uni-icons type="right" size="12"></uni-icons> </view> <view class="fresh_title_right flex ac">更多好物 <uni-icons type="right" size="12"></uni-icons>
</view>
</view> </view>
<view class="home_fresh_item_container flex"> <view class="home_fresh_item_container flex">
<view @click="navToDetailPage(item)" v-for="item in mobile['1'].infoList" class="home_fresh_item"> <view @click="navToDetailPage(item)" v-for="item in mobile['1'].infoList" class="home_fresh_item">
<view class="home_fresh_item_img flex ac jc"> <view class="home_fresh_item_img flex ac jc">
<image mode="widthFix" <image mode="widthFix" :src="item.url">
:src="item.url">
</image> </image>
</view> </view>
<view class="home_fresh_item_name flex jc">{{item.productName}}</view> <view class="home_fresh_item_name flex jc">{{item.productName}}</view>
@ -45,13 +50,16 @@
</view> </view>
</view> </view>
<!-- 人气推荐 --> <!-- 人气推荐 -->
<view :style="{order:mobile['2'].index}" v-if="mobile&&mobile['2']&&mobile['2'].infoList.length" class="home_recommend_container model_container"> <view :style="{order:mobile['2'].index}" v-if="mobile&&mobile['2']&&!mobile['2'].isReveal&&mobile['2'].infoList.length"
class="home_recommend_container model_container">
<view @click="goList('model',mobile['2'].type)" class="model_title flex jw ac"> <view @click="goList('model',mobile['2'].type)" class="model_title flex jw ac">
<view class="model_title_left strong">{{mobile['2'].moduleName}}</view> <view class="model_title_left strong">{{mobile['2'].moduleName}}</view>
<view class="model_title_right flex ac">更多推荐 <uni-icons type="right" size="12"></uni-icons> </view> <view class="model_title_right flex ac">更多推荐 <uni-icons type="right" size="12"></uni-icons>
</view>
</view> </view>
<view class="home_recommend_item_container"> <view class="home_recommend_item_container">
<view @click="navToDetailPage(item)" v-for="item in mobile['2'].infoList" class="home_recommend_item flex ac"> <view @click="navToDetailPage(item)" v-for="item in mobile['2'].infoList"
class="home_recommend_item flex ac">
<view class="model_item_img"> <view class="model_item_img">
<image mode="widthFix" :src="item.url"> <image mode="widthFix" :src="item.url">
</image> </image>
@ -70,13 +78,13 @@
</view> </view>
</view> </view>
<!-- 猜你喜欢 --> <!-- 猜你喜欢 -->
<view :style="{order:mobile['3'].index}" v-if="mobile&&mobile['3']&&mobile['3'].infoList.length" class="home_guess_container model_container"> <view :style="{order:mobile['3'].index}" v-if="mobile&&mobile['3']&&!mobile['3'].isReveal&&mobile['3'].infoList.length"
class="home_guess_container model_container">
<view class="home_guess_title flex jc strong">{{mobile['3'].moduleName}}</view> <view class="home_guess_title flex jc strong">{{mobile['3'].moduleName}}</view>
<view class="home_guess_item_container flex"> <view class="home_guess_item_container flex">
<view @click="navToDetailPage(item)" v-for="item in mobile['3'].infoList" class="home_guess_item"> <view @click="navToDetailPage(item)" v-for="item in mobile['3'].infoList" class="home_guess_item">
<view style="width: 300rpx; height: 300rpx;" class="model_item_img"> <view style="width: 300rpx; height: 300rpx;" class="model_item_img">
<image mode="widthFix" <image mode="widthFix" :src="item.url">
:src="item.url">
</image> </image>
</view> </view>
<view class="home_guess_item_footer"> <view class="home_guess_item_footer">
@ -165,9 +173,14 @@ import homeApi from '@/api/home.js'
homeApi.getMobile({ homeApi.getMobile({
productName: this.productName productName: this.productName
}).then(res => { }).then(res => {
console.log('res',res)
if (res.code == 20000) { if (res.code == 20000) {
this.mobile = Object.fromEntries(res.data.map((item,index)=> [item.type,Object.assign(item,{index:index+1})])); this.mobile = Object.fromEntries(res.data.map((item, index) => [item.type, Object.assign(
item, {
index: index + 1
})]));
} }
console.log('this.mobile',this.mobile)
}).finally(() => { }).finally(() => {
uni.stopPullDownRefresh(); uni.stopPullDownRefresh();
}) })

Write Preview
Loading…
Cancel
Save