|
|
|
@ -1,9 +1,9 @@ |
|
|
|
<template> |
|
|
|
<view class="page"> |
|
|
|
|
|
|
|
<navbar bgColor="#88D259" /> |
|
|
|
<navbar /> |
|
|
|
|
|
|
|
<view class="bg-color"></view> |
|
|
|
<!-- <view class="bg-color"></view> --> |
|
|
|
|
|
|
|
<view class="page-title"> |
|
|
|
<!-- {{ configList.index_title }} --> |
|
|
|
@ -11,9 +11,9 @@ |
|
|
|
style="width: 240rpx;" |
|
|
|
mode="widthFix"></image> --> |
|
|
|
|
|
|
|
<image :src="configList.index_img" |
|
|
|
<!-- <image :src="configList.index_img" |
|
|
|
style="width: 240rpx;" |
|
|
|
mode="widthFix"></image> |
|
|
|
mode="widthFix"></image> --> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="search"> |
|
|
|
@ -32,11 +32,11 @@ |
|
|
|
keyName="image"></uv-swiper> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="notice"> |
|
|
|
<!-- <view class="notice"> |
|
|
|
<uv-notice-bar fontSize="32rpx" |
|
|
|
@click="$utils.navigateTo('/pages_order/home/notice')" |
|
|
|
:text="notice"></uv-notice-bar> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<view class="menu"> |
|
|
|
<uv-grid :border="false" :col="4" > |
|
|
|
@ -53,108 +53,14 @@ |
|
|
|
<image :src="configList.qd_image" mode="widthFix" /> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="commodity" |
|
|
|
@click="$utils.navigateTo('/pages/index/category')"> |
|
|
|
<view class="box"> |
|
|
|
<view class="top"> |
|
|
|
<view class="top-text"> |
|
|
|
<view>Experience the product</view> |
|
|
|
<view>体验产品 ___ _</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="centre"> |
|
|
|
<view class="boxs" |
|
|
|
:key="index" |
|
|
|
@click.stop="$utils.navigateTo('/pages_order/product/productDetail?id=' + item.id)" |
|
|
|
v-for="(item, index) in riceProductList"> |
|
|
|
<view class="box-text"> |
|
|
|
<view>{{ item.title }}</view> |
|
|
|
<view>{{ item.sku }}</view> |
|
|
|
<text class="text1">{{ item.price }}</text> |
|
|
|
<text class="text2">原价{{ item.oldPrice }}</text> |
|
|
|
</view> |
|
|
|
<view class="box-img"> |
|
|
|
<image :src="item.image && |
|
|
|
item.image.split(',')[0]" mode="aspectFill"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="commodity" |
|
|
|
@click="$utils.navigateTo('/pages/index/category')"> |
|
|
|
<view class="box"> |
|
|
|
<view class="top"> |
|
|
|
<view class="top-text"> |
|
|
|
<view>Conventional product</view> |
|
|
|
<view>常规产品 ___ _</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="centre"> |
|
|
|
<view class="boxs" |
|
|
|
:key="index" |
|
|
|
@click.stop="$utils.navigateTo('/pages_order/product/productDetail?id=' + item.id)" |
|
|
|
v-for="(item, index) in commonProductList"> |
|
|
|
<view class="box-text"> |
|
|
|
<view>{{ item.title }}</view> |
|
|
|
<view>{{ item.sku }}</view> |
|
|
|
<view class="text3">会员价 ￥<text>{{ item.vipPrice }}</text> </view> |
|
|
|
<view class="text4">零售价￥{{ item.price }}</view> |
|
|
|
</view> |
|
|
|
<view class="box-img"> |
|
|
|
<image :src="item.image && |
|
|
|
item.image.split(',')[0]" mode="aspectFill"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="label"> |
|
|
|
<text>推荐宝贝</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="commodity"> |
|
|
|
<view class="box"> |
|
|
|
<view class="top"> |
|
|
|
<view class="top-text"> |
|
|
|
<view>News trends</view> |
|
|
|
<view>新闻动态 ___ _</view> |
|
|
|
</view> |
|
|
|
<view class="top1" |
|
|
|
@click="$utils.navigateTo('/pages_order/home/journalism')" |
|
|
|
> |
|
|
|
更多 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="centre"> |
|
|
|
<view class="boxs" |
|
|
|
:key="index" |
|
|
|
@click="$utils.navigateTo('/pages_order/home/newsDetail?id=' + item.id)" |
|
|
|
v-for="(item, index) in newList" |
|
|
|
> |
|
|
|
<view class="images"> |
|
|
|
<image :src="item.image && |
|
|
|
item.image.split(',')[0]" mode="aspectFill"></image> |
|
|
|
</view> |
|
|
|
<view class="box-fone"> |
|
|
|
<view>{{ item.title }}</view> |
|
|
|
<view>{{ item.title }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="position: 20rpx;"> |
|
|
|
<productList :list="list"/> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="qr"> |
|
|
|
<view class="scan">扫码关注公众号</view> |
|
|
|
<view class="qr-scan"> |
|
|
|
<image :src="configList.down_image" mode="aspectFill"></image> |
|
|
|
</view> |
|
|
|
<view class="qr-bottom"> |
|
|
|
<view |
|
|
|
@click="saveImage(configList.down_image)" |
|
|
|
>保存公众号二维码图片</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<PrivacyAgreementPoup /> |
|
|
|
|
|
|
|
<customerServicePopup ref="customerServicePopup"/> |
|
|
|
@ -169,57 +75,28 @@ |
|
|
|
import tabber from '@/components/base/tabbar.vue' |
|
|
|
import { mapState } from 'vuex' |
|
|
|
import customerServicePopup from '@/components/config/customerServicePopup.vue' |
|
|
|
import productList from '@/components/user/productList.vue' |
|
|
|
import mixinsList from '@/mixins/list.js' |
|
|
|
export default { |
|
|
|
mixins : [mixinsList], |
|
|
|
components: { |
|
|
|
tabber, |
|
|
|
PrivacyAgreementPoup, |
|
|
|
customerServicePopup, |
|
|
|
productList, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
notice: '', |
|
|
|
bannerList: [], |
|
|
|
baseList: [ |
|
|
|
// { |
|
|
|
// image: '/static/image/home/0.png', |
|
|
|
// title: '关于我们', |
|
|
|
// path: '/pages_order/home/introduce', |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// image: '/static/image/home/1.png', |
|
|
|
// title: '产品介绍', |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// image: '/static/image/home/2.png', |
|
|
|
// title: '促销活动', |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// image: '/static/image/home/3.png', |
|
|
|
// title: '商城', |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// image: '/static/image/home/4.png', |
|
|
|
// title: '邀请好友', |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// image: '/static/image/home/5.png', |
|
|
|
// title: '新闻中心', |
|
|
|
// path: '/pages_order/home/journalism', |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// image: '/static/image/home/6.png', |
|
|
|
// title: '企业合作', |
|
|
|
// }, |
|
|
|
// { |
|
|
|
// image: '/static/image/home/7.png', |
|
|
|
// title: '联系我们', |
|
|
|
// }, |
|
|
|
], |
|
|
|
productList: [], |
|
|
|
keyword: '', |
|
|
|
commonProductList : [],//常规产品 |
|
|
|
riceProductList : [],//体验产品 |
|
|
|
newList : [],//新闻列表 |
|
|
|
mixinsListApi : 'getClassShopPageList', |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: {}, |
|
|
|
@ -231,17 +108,17 @@ |
|
|
|
onShow() { |
|
|
|
this.getBanner() |
|
|
|
this.getRiceNoticeList() |
|
|
|
this.getRiceCommonProductList() |
|
|
|
this.getRiceProductList() |
|
|
|
this.getRiceNewsList() |
|
|
|
// this.getRiceCommonProductList() |
|
|
|
// this.getRiceProductList() |
|
|
|
// this.getRiceNewsList() |
|
|
|
this.getRiceIconList() |
|
|
|
}, |
|
|
|
onPullDownRefresh() { |
|
|
|
this.getBanner() |
|
|
|
this.getRiceNoticeList() |
|
|
|
this.getRiceCommonProductList() |
|
|
|
this.getRiceProductList() |
|
|
|
this.getRiceNewsList() |
|
|
|
// this.getRiceCommonProductList() |
|
|
|
// this.getRiceProductList() |
|
|
|
// this.getRiceNewsList() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 搜素 |
|
|
|
@ -352,7 +229,7 @@ |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
height: 550rpx; |
|
|
|
background: linear-gradient(to bottom, #88D259, #88D259, #fff); |
|
|
|
background: linear-gradient(to bottom, #E3441A, #E3441A, #fff); |
|
|
|
} |
|
|
|
|
|
|
|
.page-title { |
|
|
|
@ -433,6 +310,20 @@ |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.label{ |
|
|
|
margin: 20rpx 0; |
|
|
|
padding: 30rpx; |
|
|
|
background-color: #fff; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
text{ |
|
|
|
font-weight: 900; |
|
|
|
} |
|
|
|
.more{ |
|
|
|
color: $uni-color; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.commodity { |
|
|
|
display: flex; |
|
|
|
@ -588,40 +479,5 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.qr { |
|
|
|
margin-top: 40rpx; |
|
|
|
|
|
|
|
.scan { |
|
|
|
text-align: center; |
|
|
|
font-size: 28rpx; |
|
|
|
color: #A2A2A2; |
|
|
|
} |
|
|
|
|
|
|
|
.qr-scan { |
|
|
|
margin: 20rpx auto; |
|
|
|
width: 400rpx; |
|
|
|
height: 400rpx; |
|
|
|
|
|
|
|
image { |
|
|
|
height: 100%; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.qr-bottom { |
|
|
|
display: flex; |
|
|
|
font-size: 28rpx; |
|
|
|
color: #A2A2A2; |
|
|
|
justify-content: space-around; |
|
|
|
padding-bottom: 20rpx; |
|
|
|
view { |
|
|
|
border: 2rpx solid #A2A2A2; |
|
|
|
padding: 20rpx; |
|
|
|
border-radius: 45rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
