|
|
|
|
@ -5,19 +5,25 @@
|
|
|
|
|
<text class="iconfont icon-xiazai5"></text> |
|
|
|
|
搜索商品 |
|
|
|
|
</view> |
|
|
|
|
<view class="qr" @click="startQr()"><image src="@/static/images/qr.png" /></view> |
|
|
|
|
<view class="qr" @click="startQr()"> |
|
|
|
|
<image src="@/static/images/qr.png" /> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="slider-banner banner"> |
|
|
|
|
<swiper indicatorDots="true" v-if="banner.length > 0"> |
|
|
|
|
<block v-for="(item, bannerIndex) in banner" :key="bannerIndex"> |
|
|
|
|
<swiper-item> |
|
|
|
|
<view @click="item.url ? $yrouter.push('/' + item.url) : ''" class="swiper-item"><image :src="item.pic" /></view> |
|
|
|
|
<view @click="item.url ? $yrouter.push('/' + item.url) : ''" class="swiper-item"> |
|
|
|
|
<image :src="item.pic" /> |
|
|
|
|
</view> |
|
|
|
|
</swiper-item> |
|
|
|
|
</block> |
|
|
|
|
</swiper> |
|
|
|
|
</view> |
|
|
|
|
<view class="news acea-row row-between-wrapper"> |
|
|
|
|
<view class="pictrue" v-if="$VUE_APP_RESOURCES_URL"><image src="@/static/images/news.png" /></view> |
|
|
|
|
<view class="pictrue" v-if="$VUE_APP_RESOURCES_URL"> |
|
|
|
|
<image src="@/static/images/news.png" /> |
|
|
|
|
</view> |
|
|
|
|
<view class="swiper-no-swiping new-banner"> |
|
|
|
|
<swiper class="swiper-wrapper" v-if="roll.length > 0" :indicator-dots="false" autoplay circular vertical> |
|
|
|
|
<block v-for="(item, rollIndex) in roll" :key="rollIndex"> |
|
|
|
|
@ -36,14 +42,18 @@
|
|
|
|
|
</view> |
|
|
|
|
<view class="nav acea-row"> |
|
|
|
|
<view @click="goWxappUrl(item)" class="item" v-for="(item, menusIndex) in menus" :key="menusIndex"> |
|
|
|
|
<view class="pictrue"><image :src="item.pic" /></view> |
|
|
|
|
<view class="pictrue"> |
|
|
|
|
<image :src="item.pic" /> |
|
|
|
|
</view> |
|
|
|
|
<view>{{ item.name }}</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="wrapper hot" v-if="bastList.length > 0"> |
|
|
|
|
<image class="bg" src="../../static/images/index-bg.png" mode="widthFix"></image> |
|
|
|
|
<view class="title acea-row row-between-wrapper"> |
|
|
|
|
<view class="text"><view class="name line1">热门榜单</view></view> |
|
|
|
|
<view class="text"> |
|
|
|
|
<view class="name line1">热门榜单</view> |
|
|
|
|
</view> |
|
|
|
|
<view @click="goHotNewGoods(2)" class="more"> |
|
|
|
|
更多 |
|
|
|
|
<text class="iconfont icon-jiantou"></text> |
|
|
|
|
@ -53,7 +63,9 @@
|
|
|
|
|
<scroll-view scroll-y="false" scroll-x="true"> |
|
|
|
|
<view class="newProductsScroll"> |
|
|
|
|
<view @click="goGoodsCon(item)" class="newProductsItem" v-for="(item, likeInfoIndex) in likeInfo" :key="likeInfoIndex"> |
|
|
|
|
<view class="img-box"><image :src="item.image" /></view> |
|
|
|
|
<view class="img-box"> |
|
|
|
|
<image :src="item.image" /> |
|
|
|
|
</view> |
|
|
|
|
<view class="pro-info line1"><text>{{ item.storeName }}</text></view> |
|
|
|
|
<view class="money font-color-red"><text>￥{{ item.price }}</text></view> |
|
|
|
|
</view> |
|
|
|
|
@ -63,7 +75,9 @@
|
|
|
|
|
</view> |
|
|
|
|
<view class="wrapper" v-if="bastList.length > 0"> |
|
|
|
|
<view class="title acea-row row-between-wrapper"> |
|
|
|
|
<view class="text"><view class="name line1">精品推荐</view></view> |
|
|
|
|
<view class="text"> |
|
|
|
|
<view class="name line1">精品推荐</view> |
|
|
|
|
</view> |
|
|
|
|
<view @click="goHotNewGoods(1)" class="more"> |
|
|
|
|
更多 |
|
|
|
|
<text class="iconfont icon-jiantou"></text> |
|
|
|
|
@ -89,7 +103,9 @@
|
|
|
|
|
<scroll-view scroll-y="false" scroll-x="true"> |
|
|
|
|
<view class="newProductsScroll"> |
|
|
|
|
<view @click="goGoodsCon(item)" class="newProductsItem" v-for="(item, firstListIndex) in firstList" :key="firstListIndex"> |
|
|
|
|
<view class="img-box"><image :src="item.image" /></view> |
|
|
|
|
<view class="img-box"> |
|
|
|
|
<image :src="item.image" /> |
|
|
|
|
</view> |
|
|
|
|
<view class="pro-info line1">{{ item.storeName }}</view> |
|
|
|
|
<view class="money font-color-red">￥{{ item.price }}</view> |
|
|
|
|
</view> |
|
|
|
|
@ -99,7 +115,9 @@
|
|
|
|
|
</view> |
|
|
|
|
<view class="wrapper" v-if="benefit.length > 0"> |
|
|
|
|
<view class="title acea-row row-between-wrapper"> |
|
|
|
|
<view class="text"><view class="name line1">促销单品</view></view> |
|
|
|
|
<view class="text"> |
|
|
|
|
<view class="name line1">促销单品</view> |
|
|
|
|
</view> |
|
|
|
|
<view @click="goGoodsPromotion(4)" class="more"> |
|
|
|
|
更多 |
|
|
|
|
<text class="iconfont icon-jiantou"></text> |
|
|
|
|
@ -111,18 +129,24 @@
|
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
<script> |
|
|
|
|
// import { swiper, swiperSlide } from "vue-awesome-swiper"; |
|
|
|
|
// import { swiper, swiperSlide } from "vue-awesome-swiper"; |
|
|
|
|
|
|
|
|
|
import GoodList from '@/components/GoodList'; |
|
|
|
|
import PromotionGood from '@/components/PromotionGood'; |
|
|
|
|
import CouponWindow from '@/components/CouponWindow'; |
|
|
|
|
import { getHomeData, getShare } from '@/api/public'; |
|
|
|
|
import cookie from '@/utils/store/cookie'; |
|
|
|
|
import { isWeixin } from '@/utils/index'; |
|
|
|
|
import GoodList from '@/components/GoodList'; |
|
|
|
|
import PromotionGood from '@/components/PromotionGood'; |
|
|
|
|
import CouponWindow from '@/components/CouponWindow'; |
|
|
|
|
import { |
|
|
|
|
getHomeData, |
|
|
|
|
getShare |
|
|
|
|
} from '@/api/public'; |
|
|
|
|
import cookie from '@/utils/store/cookie'; |
|
|
|
|
import { |
|
|
|
|
isWeixin, |
|
|
|
|
handleUrlParam |
|
|
|
|
} from '@/utils/index'; |
|
|
|
|
|
|
|
|
|
const HAS_COUPON_WINDOW = 'has_coupon_window'; |
|
|
|
|
const HAS_COUPON_WINDOW = 'has_coupon_window'; |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
export default { |
|
|
|
|
name: 'Index', |
|
|
|
|
components: { |
|
|
|
|
// swiper, |
|
|
|
|
@ -242,35 +266,72 @@ export default {
|
|
|
|
|
goHotNewGoods(type) { |
|
|
|
|
this.$yrouter.push({ |
|
|
|
|
path: '/pages/shop/HotNewGoods/index', |
|
|
|
|
query: { type } |
|
|
|
|
query: { |
|
|
|
|
type |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
goGoodsCon(item) { |
|
|
|
|
this.$yrouter.push({ |
|
|
|
|
path: '/pages/shop/GoodsCon/index', |
|
|
|
|
query: { id: item.id } |
|
|
|
|
query: { |
|
|
|
|
id: item.id |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
goGoodsPromotion() { |
|
|
|
|
this.$yrouter.push('/pages/shop/GoodsPromotion/index'); |
|
|
|
|
}, |
|
|
|
|
setOpenShare: function() {}, |
|
|
|
|
startQr:function(){ |
|
|
|
|
startQr: function() { |
|
|
|
|
uni.scanCode({ |
|
|
|
|
success:function(res){ |
|
|
|
|
console.log(JSON.stringify(res)); |
|
|
|
|
success: (res) =>{ |
|
|
|
|
let option = handleUrlParam(res.result) |
|
|
|
|
console.log(option) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// {productId: "19", spread: "21", codeType: "routine"} |
|
|
|
|
// {productId: "19", spread: "21", pageType: "good", codeType: "routine"} |
|
|
|
|
switch (option.pageType) { |
|
|
|
|
case 'good': |
|
|
|
|
// 跳转商品详情 |
|
|
|
|
this.$yrouter.push({path:'/pages/shop/GoodsCon/index',query:{ |
|
|
|
|
q:res.result |
|
|
|
|
}}); |
|
|
|
|
break; |
|
|
|
|
case 'group': |
|
|
|
|
// 跳转团购 |
|
|
|
|
this.$yrouter.push({path:'/pages/activity/GroupRule/index',query:{ |
|
|
|
|
q:res.result |
|
|
|
|
}}); |
|
|
|
|
break; |
|
|
|
|
case 'dargain': |
|
|
|
|
// 跳转砍价 |
|
|
|
|
this.$yrouter.push({path:'/pages/activity/DargainDetails/index',query:{ |
|
|
|
|
q:res.result |
|
|
|
|
}}); |
|
|
|
|
break; |
|
|
|
|
default: |
|
|
|
|
// 跳转分销 |
|
|
|
|
this.$yrouter.push({path:'/pages/Loading/index',query:{ |
|
|
|
|
|
|
|
|
|
}}); |
|
|
|
|
break; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
<style scoped lang="less"> |
|
|
|
|
.index { |
|
|
|
|
.index { |
|
|
|
|
background-color: #fff; |
|
|
|
|
} |
|
|
|
|
.swiper-item { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.swiper-item { |
|
|
|
|
height: 100%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
gaoxs
5 years ago