更新
This commit is contained in:
@@ -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();
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user