|
@@ -1,8 +1,5 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view class="container">
|
|
<view class="container">
|
|
|
- <!-- 页面标题 -->
|
|
|
|
|
- <!-- <view class="pageTitle flex_r flex_ac flex_jc">签到</view> -->
|
|
|
|
|
- <!-- 页面标题-end -->
|
|
|
|
|
<!-- 用户信息 -->
|
|
<!-- 用户信息 -->
|
|
|
<view class="userinfo flex_r flex_ac">
|
|
<view class="userinfo flex_r flex_ac">
|
|
|
<image class="user_img" :src="userinfo.head_pic" mode=""></image>
|
|
<image class="user_img" :src="userinfo.head_pic" mode=""></image>
|
|
@@ -38,68 +35,27 @@
|
|
|
<!-- 签到信息-end -->
|
|
<!-- 签到信息-end -->
|
|
|
|
|
|
|
|
<!-- 精品推荐 -->
|
|
<!-- 精品推荐 -->
|
|
|
- <view class="Boutique" v-if="goods.length">
|
|
|
|
|
- <view class="bou_head flex_r flex_ac flex_jc">
|
|
|
|
|
- <image class="bou_img" src="/static/sgin/left.png" mode=""></image>
|
|
|
|
|
- <view class="bou_title">精品推荐</view>
|
|
|
|
|
- <image class="bou_img" src="/static/sgin/right.png" mode=""></image>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="bou_con flex_r flex_ac flex_wrap">
|
|
|
|
|
- <view class="bou_list" v-for="(item,index) in goods" :key="index" @tap="openConversion(item.id)">
|
|
|
|
|
- <image class="bou_l_img" :src="item.original_img" mode=""></image>
|
|
|
|
|
- <view class="bou_l_con">
|
|
|
|
|
- <view class="bou_l_name ellipsis">{{item.goods_name}}</view>
|
|
|
|
|
- <view class="bou_l_msg">{{item.give_cha_bao}}茶宝</view>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="bou_head flex_r flex_ac flex_jc">
|
|
|
|
|
+ <image class="bou_img" src="/static/sgin/left.png" mode=""></image>
|
|
|
|
|
+ <view class="bou_title">精品推荐</view>
|
|
|
|
|
+ <image class="bou_img" src="/static/sgin/right.png" mode=""></image>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="product-list">
|
|
|
|
|
+ <view class="product" v-for="(i, s) in goods" :key="s" @click="NavToGoodsDetail(i.id,i.type)">
|
|
|
|
|
+ <view class="image-view">
|
|
|
|
|
+ <image class="product-image" :src="i.original_img"></image>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view :class="['product-title', 'ellipsis1']">{{ i.goods_name }}</view>
|
|
|
|
|
+ <view class="product-price">
|
|
|
|
|
+ <text class="product-price-original"><text class="product-unit">¥</text>{{ i.price }}</text>
|
|
|
|
|
+ <!-- <text class="product-price-favour">¥{{i.originalPrice}}</text> -->
|
|
|
|
|
+ <!-- <text class="product-tip">{{i.tip}}</text> -->
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <view class="product-txt">赠送{{ i.give_integral ? i.give_integral + '批发积分' : i.give_cha_bao + '茶宝'}}</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <view class='fz_w_text mar_t20 mar_b20'>让数字经济赋能美好生活!</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class='fz_w_text mar_b20 mar_t20'>让数字经济赋能美好生活!</view>
|
|
|
|
|
<!-- 精品推荐-end -->
|
|
<!-- 精品推荐-end -->
|
|
|
-
|
|
|
|
|
- <!-- 兑换弹窗 -->
|
|
|
|
|
- <uni-popup type="center" ref="conversion">
|
|
|
|
|
- <view class="const_con">
|
|
|
|
|
- <image class="closePopup" src="/static/sgin/f_close.png" mode="" @tap="closePopup"></image>
|
|
|
|
|
- <view class="const_head flex_r flex_ac flex_jc">请选择兑换方式</view>
|
|
|
|
|
- <view class="const_info">
|
|
|
|
|
- <view class="frist_info flex_r flex_wrap">
|
|
|
|
|
- <view class="frist_list flex_c mar_b30" v-for="(item,index) in way_list" :key="index" @tap="setCurrent(index)">
|
|
|
|
|
- <view class="flex_r flex_ac">
|
|
|
|
|
- <image class="frist_img" :src="currrent == index ? '/static/sgin/xuanzhong_icon.png' : '/static/sgin/weixuanzhong_icon.png'" mode=""></image>
|
|
|
|
|
- <view class="frist_text">{{item.name}}</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="surplus">剩余({{item.Integral}}积分)</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="hint" v-if="isShow">积分不足请用余额或现金支付</view>
|
|
|
|
|
- <view class="pay_way flex_r flex_ac flex_wrap mar_t30" v-if="isShow">
|
|
|
|
|
- <view class="frist_list flex_c">
|
|
|
|
|
- <view class="flex_r flex_ac" @tap="setPayWay(0)">
|
|
|
|
|
- <image class="frist_img" :src="pay_way == 0 ? '/static/sgin/xuanzhong_icon.png' : '/static/sgin/weixuanzhong_icon.png'" mode=""></image>
|
|
|
|
|
- <view class="frist_text">余额</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="frist_list flex_c">
|
|
|
|
|
- <view class="flex_r flex_ac" @tap="setPayWay(1)">
|
|
|
|
|
- <image class="frist_img" :src="pay_way == 1 ? '/static/sgin/xuanzhong_icon.png' : '/static/sgin/weixuanzhong_icon.png'" mode=""></image>
|
|
|
|
|
- <view class="frist_text">现金</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <checkbox-group class="flex_r flex_ac flex_jc" @change="checkboxChange">
|
|
|
|
|
- <label class="option_box mar_t30">
|
|
|
|
|
- <checkbox value="1" :checked="checked" color="#2DB389" style="transform:scale(0.7)" /> 我已阅读同意<text @tap.stop="getProPage">《购买协议》</text>
|
|
|
|
|
- </label>
|
|
|
|
|
- </checkbox-group>
|
|
|
|
|
- <view class="conversion flex_r flex_ac flex_jc" @tap="confimConver">确认兑换</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </uni-popup>
|
|
|
|
|
- <!-- 兑换弹窗-end -->
|
|
|
|
|
- <!-- 授权 -->
|
|
|
|
|
- <!-- <authorize-module v-if="showAuth" :shopInfo="shopInfo" @authSuccess="onAuthSuccess" @onGotUserInfo="onGotUserInfo"></authorize-module> -->
|
|
|
|
|
- <!-- 授权-end -->
|
|
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
@@ -107,13 +63,13 @@ var tim
|
|
|
let page = 1;
|
|
let page = 1;
|
|
|
let app = getApp();
|
|
let app = getApp();
|
|
|
var appEv = app.$vm.$options;
|
|
var appEv = app.$vm.$options;
|
|
|
-import uniPopup from '@/components/uni-popup/uni-popup.vue'
|
|
|
|
|
-// import authorizeModule from '@/components/authorize-module/index'
|
|
|
|
|
|
|
+import uniPopup from '@/components/uni-popup/uni-popup'
|
|
|
|
|
+import goodsLista from "@/components/goodsLista"
|
|
|
import { get, post, u_post } from "@/request/api.js";
|
|
import { get, post, u_post } from "@/request/api.js";
|
|
|
export default {
|
|
export default {
|
|
|
components: {
|
|
components: {
|
|
|
uniPopup,
|
|
uniPopup,
|
|
|
- // authorizeModule
|
|
|
|
|
|
|
+ goodsLista,
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
@@ -128,7 +84,6 @@ export default {
|
|
|
pay_way: 0, //选中的支付方式
|
|
pay_way: 0, //选中的支付方式
|
|
|
isShow: false, // 是否显示现金支付
|
|
isShow: false, // 是否显示现金支付
|
|
|
goodsId: '', // 选中的商品Id
|
|
goodsId: '', // 选中的商品Id
|
|
|
- // showAuth: false, //是否显示授权弹窗
|
|
|
|
|
shopInfo: {}, // 商户信息
|
|
shopInfo: {}, // 商户信息
|
|
|
userinfo:undefined, //用户信息
|
|
userinfo:undefined, //用户信息
|
|
|
todaySign:0, //今日签到数
|
|
todaySign:0, //今日签到数
|
|
@@ -141,7 +96,6 @@ export default {
|
|
|
this.userinfo = uni.getStorageSync("userinfo")
|
|
this.userinfo = uni.getStorageSync("userinfo")
|
|
|
|
|
|
|
|
this.loadData()
|
|
this.loadData()
|
|
|
-
|
|
|
|
|
this.goodsDay()
|
|
this.goodsDay()
|
|
|
},
|
|
},
|
|
|
onHide: function() {
|
|
onHide: function() {
|
|
@@ -160,21 +114,10 @@ export default {
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
- //授权并登录
|
|
|
|
|
- // onAuthSuccess: function() {
|
|
|
|
|
- // var that = this;
|
|
|
|
|
- // uni.showLoading({ mask: true })
|
|
|
|
|
- // appEv.setData((res) => {
|
|
|
|
|
- // uni.hideLoading()
|
|
|
|
|
- // that.loadData()
|
|
|
|
|
- // that.showAuth = false
|
|
|
|
|
- // });
|
|
|
|
|
- // },
|
|
|
|
|
// 距可以签到倒计时
|
|
// 距可以签到倒计时
|
|
|
setTime() {
|
|
setTime() {
|
|
|
var date;
|
|
var date;
|
|
|
let timer = this.nextSign
|
|
let timer = this.nextSign
|
|
|
- console.log(timer,'timer');
|
|
|
|
|
tim = setInterval(() => {
|
|
tim = setInterval(() => {
|
|
|
if (timer >= 1) {
|
|
if (timer >= 1) {
|
|
|
timer--
|
|
timer--
|
|
@@ -203,18 +146,17 @@ export default {
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
- // 获取精品推荐
|
|
|
|
|
- goodsDay: function() {
|
|
|
|
|
|
|
+ // 获取今日值得买
|
|
|
|
|
+ goodsDay() {
|
|
|
let that = this;
|
|
let that = this;
|
|
|
let data = {
|
|
let data = {
|
|
|
page: page,
|
|
page: page,
|
|
|
- type: 3
|
|
|
|
|
|
|
+ type: 4
|
|
|
}
|
|
}
|
|
|
post("goods/goodsList", data).then(res => {
|
|
post("goods/goodsList", data).then(res => {
|
|
|
- console.log(page);
|
|
|
|
|
if (res.code === 0) {
|
|
if (res.code === 0) {
|
|
|
let obj = res.data.data
|
|
let obj = res.data.data
|
|
|
- if(page <= 1) that.goods = []
|
|
|
|
|
|
|
+ if(page == 1) that.goods = []
|
|
|
if (obj.length > 0) {
|
|
if (obj.length > 0) {
|
|
|
obj.forEach(e => {
|
|
obj.forEach(e => {
|
|
|
that.goods.push(e)
|
|
that.goods.push(e)
|
|
@@ -239,111 +181,18 @@ export default {
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
- // 获取兑换方式
|
|
|
|
|
- integralMethodChange: function() {
|
|
|
|
|
- let that = this;
|
|
|
|
|
- u_post("ShuZiTeaIntegral/integral/integralMethodChange").then(res => {
|
|
|
|
|
- if (res.status == 200) {
|
|
|
|
|
- that.way_list = res.data
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- },
|
|
|
|
|
- // 更改方式
|
|
|
|
|
- setCurrent: function(e) {
|
|
|
|
|
- this.currrent = e;
|
|
|
|
|
- this.pay_way = '';
|
|
|
|
|
- this.isShow = false;
|
|
|
|
|
- },
|
|
|
|
|
- // 更改支付方式
|
|
|
|
|
- setPayWay: function(e) {
|
|
|
|
|
- this.pay_way = e;
|
|
|
|
|
- },
|
|
|
|
|
- // 确认兑换
|
|
|
|
|
- confimConver: function() {
|
|
|
|
|
- let that = this;
|
|
|
|
|
- let isShow = this.isShow;
|
|
|
|
|
- let pay_way = this.pay_way;
|
|
|
|
|
- let checked = this.checked;
|
|
|
|
|
- let currrent = this.currrent;
|
|
|
|
|
- if (currrent === '') {
|
|
|
|
|
- appEv.errTips('请选择兑换方式')
|
|
|
|
|
- return false;
|
|
|
|
|
- }
|
|
|
|
|
- if (isShow && pay_way === '') {
|
|
|
|
|
- appEv.errTips('请选择支付方式')
|
|
|
|
|
- return false;
|
|
|
|
|
- }
|
|
|
|
|
- if (!checked) {
|
|
|
|
|
- appEv.errTips('请阅读并同意购买协议')
|
|
|
|
|
- return false;
|
|
|
|
|
- }
|
|
|
|
|
- let data = {
|
|
|
|
|
- goodsId: this.goodsId,
|
|
|
|
|
- xyType: 1,
|
|
|
|
|
- integralType: this.way_list[this.currrent].type,
|
|
|
|
|
- count: 1
|
|
|
|
|
- }
|
|
|
|
|
- if (isShow) {
|
|
|
|
|
- data.jeType = this.pay_way == 0 ? 4 : 5
|
|
|
|
|
- } else {
|
|
|
|
|
- data.jeType = 3
|
|
|
|
|
- }
|
|
|
|
|
- u_post("ShuZiTeaIntegral/integral/integralMethodChange",data).then(res => {
|
|
|
|
|
- if (res.status == 200) {
|
|
|
|
|
- appEv.errTips(res.msg)
|
|
|
|
|
- let goodsId = that.goodsId;
|
|
|
|
|
- let count = 1;
|
|
|
|
|
- let goodsType = 5;
|
|
|
|
|
- let ojsType = 1;
|
|
|
|
|
- let payType = !isShow ? 3 : isShow && pay_way == 0 ? 4 : isShow && pay_way == 1 ? 5 : isShow && that.way_list[that.currrent].Integral == 0 ? 6 : ''
|
|
|
|
|
- setTimeout(() => {
|
|
|
|
|
- uni.navigateTo({
|
|
|
|
|
- url: '/pages/to-pay-list/index?goodsId=' + goodsId + "&count=" + count + '&goodsType=' + goodsType + '&ojsType=' + ojsType + '&payType=' + payType
|
|
|
|
|
- })
|
|
|
|
|
- }, 800)
|
|
|
|
|
- } else {
|
|
|
|
|
- appEv.errTips(res.msg)
|
|
|
|
|
- that.isShow = true;
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- },
|
|
|
|
|
- // 更改协议选中情况
|
|
|
|
|
- checkboxChange: function(e) {
|
|
|
|
|
- let index = e.detail.value.indexOf('1');
|
|
|
|
|
- if (index != -1) {
|
|
|
|
|
- this.checked = true
|
|
|
|
|
- } else {
|
|
|
|
|
- this.checked = false
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- // 点击立即兑换打开弹窗
|
|
|
|
|
- openConversion: function(id) {
|
|
|
|
|
- uni.navigateTo({
|
|
|
|
|
- url: '/pages/product/p_details?id=' + id + '&type=' + 3
|
|
|
|
|
- })
|
|
|
|
|
- // this.goodsId = e
|
|
|
|
|
- // this.$refs.conversion.open()
|
|
|
|
|
- },
|
|
|
|
|
- // 关闭立即兑换弹窗
|
|
|
|
|
- closePopup: function() {
|
|
|
|
|
- this.$refs.conversion.close()
|
|
|
|
|
- },
|
|
|
|
|
- // 跳转到积分明细列表
|
|
|
|
|
- NavToSignList: function() {
|
|
|
|
|
- uni.navigateTo({
|
|
|
|
|
- url: '/pages/sign-list/index'
|
|
|
|
|
- })
|
|
|
|
|
|
|
+ // 跳转到商品详情页
|
|
|
|
|
+ NavToGoodsDetail(id, type) {
|
|
|
|
|
+ this.goto("/pages/product/p_details", { id, type });
|
|
|
},
|
|
},
|
|
|
- // 跳转到积分列表页面
|
|
|
|
|
- goToIntegralList: function() {
|
|
|
|
|
- uni.navigateTo({
|
|
|
|
|
- url: '/pages/integral-list/index'
|
|
|
|
|
- })
|
|
|
|
|
- },
|
|
|
|
|
- getProPage: function() {
|
|
|
|
|
- uni.navigateTo({
|
|
|
|
|
- url: '/pages/protocol/index?type=' + 4
|
|
|
|
|
- })
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+ //页面上拉触底事件的处理函数
|
|
|
|
|
+ onReachBottom() {
|
|
|
|
|
+ if (page != -1) {
|
|
|
|
|
+ setTimeout(() => {
|
|
|
|
|
+ ++page;
|
|
|
|
|
+ this.goodsDay();
|
|
|
|
|
+ }, 500);
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -364,15 +213,6 @@ page {
|
|
|
|
|
|
|
|
// 页面配置-end
|
|
// 页面配置-end
|
|
|
|
|
|
|
|
-// 页面标题
|
|
|
|
|
-.pageTitle {
|
|
|
|
|
- font-size: 28rpx;
|
|
|
|
|
- color: #fff;
|
|
|
|
|
- height: 64rpx;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-// 页面标题-end
|
|
|
|
|
-
|
|
|
|
|
// 用户信息
|
|
// 用户信息
|
|
|
.userinfo {
|
|
.userinfo {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -610,194 +450,97 @@ page {
|
|
|
|
|
|
|
|
// 积分兑好礼-end
|
|
// 积分兑好礼-end
|
|
|
|
|
|
|
|
-// 精品推荐
|
|
|
|
|
-.bou_img {
|
|
|
|
|
- width: 89rpx;
|
|
|
|
|
- height: 30rpx;
|
|
|
|
|
-}
|
|
|
|
|
|
|
|
|
|
-.bou_head {
|
|
|
|
|
|
|
+// 精彩推荐
|
|
|
|
|
+.bou_head{
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 114rpx;
|
|
height: 114rpx;
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.bou_con {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.Boutique {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
margin-top: 50rpx;
|
|
margin-top: 50rpx;
|
|
|
|
|
+ .bou_img{
|
|
|
|
|
+ width: 89rpx;
|
|
|
|
|
+ height: 30rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ .bou_title{
|
|
|
|
|
+ font-size: 36rpx;
|
|
|
|
|
+ color:#121212;
|
|
|
|
|
+ font-family: "SourceHanSansSC-Bold";
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ margin: 0 36rpx;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.bou_list:nth-child(2n) {
|
|
|
|
|
- margin-right: 0;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.bou_l_info {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
-}
|
|
|
|
|
|
|
+.product-list {
|
|
|
|
|
+// padding: 0 20rpx;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
|
+ flex-direction: row;
|
|
|
|
|
+ .product {
|
|
|
|
|
+ // width: 50%;
|
|
|
|
|
+ // padding: 20rpx 10rpx;
|
|
|
|
|
+ // display: flex;
|
|
|
|
|
+ // flex-direction: column;
|
|
|
|
|
+
|
|
|
|
|
+ margin-bottom: 20rpx;
|
|
|
|
|
+ width: 48.5%;
|
|
|
|
|
+ padding-bottom: 6px;
|
|
|
|
|
+ // border: 1px solid #eee;
|
|
|
|
|
+ border-radius: 5px;
|
|
|
|
|
+ box-shadow: 4rpx 4rpx 26rpx 2rpx rgba(17, 18, 29, 0.08);
|
|
|
|
|
+ &:nth-child(2n){
|
|
|
|
|
+ margin-left: 3%;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
-.bou_l_img {
|
|
|
|
|
|
|
+ .product-image {
|
|
|
|
|
+ border-radius: 10rpx 10rpx 0 0;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 238rpx;
|
|
|
|
|
- display: block;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.bou_l_price text {
|
|
|
|
|
- font-size: 24rpx;
|
|
|
|
|
- color: #F15C21;
|
|
|
|
|
- line-height: 1;
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ height: 260rpx;
|
|
|
|
|
+ object-fit: cover;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
-.bou_l_name {
|
|
|
|
|
|
|
+ .product-title {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
|
|
+ line-height: 1.5;
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
color: #121212;
|
|
color: #121212;
|
|
|
-}
|
|
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
-.bou_l_con {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
- padding: 20rpx;
|
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.bou_l_msg {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
- font-size: 22rpx;
|
|
|
|
|
- color: #F15C21;
|
|
|
|
|
- margin-top: 10rpx;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.bou_l_cost {
|
|
|
|
|
- font-size: 24rpx;
|
|
|
|
|
- color: #CCCCCC;
|
|
|
|
|
- text-decoration: line-through;
|
|
|
|
|
- line-height: 1;
|
|
|
|
|
- margin-left: 11rpx;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.bou_l_price {
|
|
|
|
|
- font-size: 32rpx;
|
|
|
|
|
- color: #F15C21;
|
|
|
|
|
- font-size: "SourceHanSansSC-Bold";
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- line-height: 1;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.bou_title {
|
|
|
|
|
- font-size: 36rpx;
|
|
|
|
|
|
|
+ .product-price {
|
|
|
color: #121212;
|
|
color: #121212;
|
|
|
- font-family: "SourceHanSansSC-Bold";
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- margin: 0 49rpx;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.bou_list {
|
|
|
|
|
- width: calc((100% - 10rpx) / 2);
|
|
|
|
|
- margin-right: 10rpx;
|
|
|
|
|
- margin-bottom: 30rpx;
|
|
|
|
|
- background: #fff;
|
|
|
|
|
- border-radius: 6rpx;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-// 精品推荐-end
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-// 兑换弹窗
|
|
|
|
|
-.option_box {
|
|
|
|
|
- font-size: 26rpx;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.option_box text {
|
|
|
|
|
- color: #2DB389;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.hint {
|
|
|
|
|
- font-size: 20rpx;
|
|
|
|
|
- color: #D54912;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.pay_way {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.frist_list {
|
|
|
|
|
- width: 50%;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.surplus {
|
|
|
|
|
- font-size: 22rpx;
|
|
|
|
|
- color: #A8A8A8;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.frist_text {
|
|
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
- color: #302F2F;
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
-.frist_img {
|
|
|
|
|
- width: 35rpx;
|
|
|
|
|
- height: 35rpx;
|
|
|
|
|
- margin-right: 32rpx;
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ .product-price-original {
|
|
|
|
|
+ color: #18bb88;
|
|
|
|
|
+ font-size: 32rpx;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
-.frist_info {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
- align-items: initial;
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ .product-price-favour {
|
|
|
|
|
+ color: #888888;
|
|
|
|
|
+ text-decoration: line-through;
|
|
|
|
|
+ margin-left: 10upx;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
-.closePopup {
|
|
|
|
|
- width: 42rpx;
|
|
|
|
|
- height: 42rpx;
|
|
|
|
|
|
|
+ .product-tip {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
- right: 0;
|
|
|
|
|
- top: -65rpx;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.const_con {
|
|
|
|
|
- width: 689rpx;
|
|
|
|
|
- border-radius: 10rpx;
|
|
|
|
|
- background: #fff;
|
|
|
|
|
- position: relative;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.const_info {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
- padding: 30rpx 50rpx;
|
|
|
|
|
- box-sizing: border-box;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.const_head {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 97rpx;
|
|
|
|
|
- border-bottom: 3rpx solid rgba(0, 0, 0, .15);
|
|
|
|
|
- font-size: 40rpx;
|
|
|
|
|
- color: #1BBD89;
|
|
|
|
|
- font-family: "SourceHanSansCN-Medium";
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ right: 10upx;
|
|
|
|
|
+ background-color: #ff3333;
|
|
|
|
|
+ color: #ffffff;
|
|
|
|
|
+ padding: 0 10upx;
|
|
|
|
|
+ border-radius: 5upx;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .product-unit {
|
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
|
+ color: #18bb88;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
-.conversion {
|
|
|
|
|
- width: 269rpx;
|
|
|
|
|
- height: 68rpx;
|
|
|
|
|
- background: #1BBE8A;
|
|
|
|
|
- font-family: "SourceHanSansCN-Medium";
|
|
|
|
|
- color: #fff;
|
|
|
|
|
- font-size: 32rpx;
|
|
|
|
|
- border-radius: 34rpx;
|
|
|
|
|
- margin: 40rpx auto 0;
|
|
|
|
|
|
|
+ .product-txt {
|
|
|
|
|
+ font-size: 22rpx;
|
|
|
|
|
+ color: #787878;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
-// 兑换弹窗-end
|
|
|
|
|
</style>
|
|
</style>
|