作者 王旭宇

realfinish

要显示太多修改。

为保证性能只显示 20 of 20+ 个文件。

... ... @@ -69,7 +69,8 @@
"pages/index/goodsDetials/goodsDetials",
"pages/navigate/navigate",
"pages/index/user_comment_detail/user_comment_detail",
"pages/my/paySuccess/paySuccess"
"pages/my/paySuccess/paySuccess",
"pages/my/shenqingshouhou/shengqingshouhou"
],
"window": {
"backgroundTextStyle": "dark",
... ...
... ... @@ -275,6 +275,11 @@ input, textarea {
background-color: #ffda44;
box-shadow: 5rpx 0px 5rpx rgba(248, 207, 38, 0.3);
}
.icon-gouwuches {
font-size: 29rpx;
color: #444;
}
/* 头部信息 */
... ... @@ -354,6 +359,9 @@ input, textarea {
.icon-gouwuche:before {
content: "\e6be";
}
.icon-gouwuches:before {
content: "\e6be";
}
.icon-cuowu:before {
content: "\e657";
... ...
... ... @@ -25,7 +25,8 @@ Page({
chuandi: 0,
chuandis: 0,
xuanzhong: true,
shengyu: 0
shengyu: 0,
freeprice: null,
},
//跳转至详情页
goDetail(e) {
... ... @@ -174,9 +175,7 @@ Page({
that.setData({
all_both_choose: all_both_choose,
})
console.log(all_both_choose + "前")
this.totalPrice();
console.log(all_both_choose+"后")
// this.totalPrice();
},
//fetchUser
fetchUser() {
... ... @@ -187,7 +186,7 @@ Page({
this.setData({
is_vip: r.data.user.is_vip
})
this.fetchCartList();
this.fetchCartList();
this.amount();
}
})
... ... @@ -225,17 +224,17 @@ Page({
r.data.promotion.forEach(function(ele, index) {
ele.chooseAll=true
for (let v in ele.list) {
ele.list[v].t = false
ele.list[v].flag = true
if (vip == 1) {
var price = ele.list[v].vip_price
price = price.substring(0, price.length - 3) * 1
ele.list[v].goods_price = ele.list[v].number * price
} else {
var price = ele.list[v].price
price = price.substring(0, price.length - 3) * 1
// price = price.substring(0, price.length - 3) * 1
ele.list[v].goods_price = ele.list[v].number * price
}
totalPrice += ele.list[v].goods_price
totalPrice += ele.list[v].price
}
})
chuandis = totalPrice
... ... @@ -244,9 +243,11 @@ Page({
} else {
shipprice = r.data.shipment.price
}
var ship_balance = that.data.shipment.free * 1 - totalPrice
if (ship_balance <= 0) {
shipprice = 0
var ship_balance = r.data.shipment.free * 1 - totalPrice
if (ship_balance <= 0) {
var shipprices = 0
}else{
var shipprices = ship_balance
}
chuandi = totalPrice * 1 + shipprice * 1
that.setData({
... ... @@ -256,12 +257,15 @@ Page({
number: number,
shipment: r.data.shipment,
shipPrice: r.data.shipment.price,
freeprice:r.data.shipment.free,
shengyu: r.data.minimum_price,
totalPrice: totalPrice,
totalPrice: chuandi,
chuandi:chuandi,
chuandis:chuandis
chuandis:chuandis,
ship_balance:shipprices
});
});
that.totalPrice()
},
//每个商品总价
amount() {
... ... @@ -284,15 +288,15 @@ Page({
})
promotion.forEach(function(ele, index) {
for (let v in ele.list) {
if (vip == 1) {
var price = ele.list[v].vip_price
price = price.substring(0, price.length - 3) * 1
ele.list[v].goods_price = ele.list[v].number * price
} else {
var price = ele.list[v].price
price = price.substring(0, price.length - 3) * 1
ele.list[v].goods_price = ele.list[v].number * price
}
// if (vip == 1) {
// var price = ele.list[v].vip_price
// price = price.substring(0, price.length - 3) * 1
// ele.list[v].goods_price = ele.list[v].number * price
// } else {
// var price = ele.list[v].price
// price = price.substring(0, price.length - 3) * 1
// ele.list[v].goods_price = ele.list[v].number * price
// }
}
})
},
... ... @@ -323,30 +327,33 @@ Page({
promotion.forEach(function(ele, index) {
for (var i in ele.list) {
if (ele.list[i].flag) {
if (that.data.is_vip == 1) {
str_price = ele.list[i].vip_price;
} else {
// if (that.data.is_vip == 1) {
// str_price = ele.list[i].vip_price;
// } else {
str_price = ele.list[i].price;
}
str_price = str_price.substring(0, str_price.length - 3);
str_price = str_price * 1 * ele.list[i].number
price2 = price2 + str_price;
// }
// str_price = str_price.substring(0, str_price.length - 3);
// str_price = str_price * 1 * ele.list[i].number
str_price = ele.list[i].price*ele.list[i].number
// price2 = price2 + str_price;
price2 += ele.list[i].price * ele.list[i].number
}
}
});
price3 = price + price2;
if (price3 > that.data.shipment.free) {
if (price3 >= that.data.freeprice) {
shipPrice = 0
} else {
shipPrice = this.data.shipment.price
shipPrice = this.data.shipPrice
}
var ship_balance = that.data.shipment.free * 1 - price3
var ship_balance = that.data.freeprice * 1 - price3
if (ship_balance <= 0) {
ship_balance = 0
}else{
ship_balance = ship_balance
}
let price4 = price3
let price5 = price3 * 1 + shipPrice * 1
// console.log(price5+"嗯嗯嗯")
that.setData({
totalPrice: price5,
chuandi: price5,
... ... @@ -394,13 +401,19 @@ Page({
title: '删除成功',
icon: 'none'
})
this.totalPrice();
this.fetchCartList();
// this.choose();
// this.choose2();
let a = this.data.shipment.free
this.fetchCartList();
this.totalPrice();
console.log(this.data.totalPrice+'啊呀呦')
console.log(this.data.shipment.free + '啊呀呦')
let b = 0
let a = this.data.shipment.free - this.data.totalPrice
if(a<0){
b = 0
}else{
b = a
}
this.setData({
ship_balance: a,
ship_balance: b,
all_both_choose: false,
totalPrice: 0
})
... ... @@ -420,14 +433,13 @@ Page({
*/
onLoad: function(options) {
this.fetchUser();
this.allBothChooses()
console.log(this.data.all_both_choose + "zhong")
console.log(this.data.shipment)
},
// 再逛逛
get_return() {
wx.switchTab({
url: '../../pages/index/index'
});
wx.switchTab({
url: '../index/index',
})
},
//购物车结算
settleAccountGoods() {
... ... @@ -908,12 +920,13 @@ Page({
*/
onShow: function() {
let a=this.data.shipment.free
this.fetchCartList();
this.fetchUser();
this.setData({
// chooseAll: false,
// chooseAll2: false,
totalPrice: 0,
// all_both_choose: false,
all_both_choose: true,
ship_balance:a
})
this.fetchCartNum()
... ...
... ... @@ -9,12 +9,12 @@
<view class='left'>
<view class='note'>提示</view>满{{listlist.shipment.free}}元包邮,还差{{ship_balance}}包邮
</view>
<view class='right' catchtap='get_return'>再逛逛
<view class='right' bindtap='get_return'>再逛逛
<icon class='iconfont icon-icondayu'></icon>
</view>
</view>
<!-- 商品列表 -->
<view class='da'>
<view class='da'>
<view class='product_list' wx:if='{{goodsList.length>0||promotion.length>0}}'>
<view class='singlepart' wx:for='{{goodsList}}' wx:for-item='cell' wx:for-index='cellindex' wx:key='{{cellindex}}'>
<view class='single_part_top'>
... ... @@ -66,7 +66,7 @@
</view> -->
</view>
<view class='single_part_items'>
<view class='single_part_item' wx:for='{{cell.list}}' wx:key='*this' wx:for-index='index' wx:for-item='value'>
<view class='single_part_item' wx:for='{{cell.list}}' wx:key='{{index}}' wx:for-index='index' wx:for-item='value'>
<view class='iconfont icon-weixuanzhong {{value.flag?"active":""}}' catchtap='choose2' data-cell='{{cellindex}}' data-id='{{value.id}}' data-flag='{{value.flag}}' data-index='{{index}}'></view>
<view class='single_part_imgbox'>
<image src='{{value.more.thumbnail}}' mode='widthFix'></image>
... ... @@ -76,7 +76,7 @@
<view class='product_type'>{{value.sku_values}}</view>
<view class='product_action'>
<view class='price'>¥
<text class='detail_price'>{{value.goods_price}}</text>
<text class='detail_price'>{{value.price}}</text>
</view>
<!-- <view class='action_box'>
<view class='short action_btn' catchtap='dec2' data-number='{{value.number}}' data-index='{{index}}' data-cellindex='{{cellindex}}'>-</view>
... ... @@ -108,7 +108,7 @@
<text class='detail_price'>{{totalPrice}} </text>
</view>
</view>
<view class='fee'>
<view class='fee' wx:if='{{ship_balance>0}}'>
含运费{{shipPrice}}元
</view>
</view>
... ...
... ... @@ -6,10 +6,19 @@ page{
width: 100%;
height: 100%;
}
::-webkit-scrollbar{
display: none
}
.icon-icondayu{
color: #000!important;
font-weight: 500!important
}
.page{
width: 100%;
height: 100%;
overflow-x: hidden;
padding-bottom: 100rpx;
box-sizing: border-box
}
.da{
width: 100%;
... ... @@ -22,7 +31,10 @@ page{
line-height: 500rpx;
color: #888;
font-size: 32rpx;
position: relative;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
.gogogo image{
height: 247rpx;
... ... @@ -45,10 +57,10 @@ page{
top: 50%
}
.cart_box{
height: calc(100% - 100rpx);
flex: 1;
display: flex;
flex-flow: column;
/* height: calc(100% - 100rpx) */
}
.top_label {
height: 85rpx;
... ... @@ -80,12 +92,17 @@ page{
font-size: 24rpx;
padding: 0 40rpx;
}
.left,.right,icon{
display: flex;
align-items: center;
justify-content: center;
color: #222;
}
.right{
width: 150rpx;
height: 100%;
}
.note{
height: 32rpx;
border-radius: 16rpx;
... ... @@ -226,6 +243,7 @@ page{
display: flex;
font-size: 26rpx;
color: #888;
line-height: 100rpx
}
.choose .iconfont {
margin-right: 24rpx;
... ...
... ... @@ -146,10 +146,10 @@
</view>
</view>
</view>
<view class='bottom_btn'>
<view class='bottom_btn' wx:if='{{!showMore}}'>
<view class='hint_btn'>
<view class='shop_car' bindtap='get_car'>
<view class='iconfont icon-gouwuche'></view>
<view class='iconfont icon-gouwuches'></view>
<view>购物车</view>
<view class='cart_count'>{{goods.cartCount}}</view>
</view>
... ...
... ... @@ -74,12 +74,15 @@ page {
.banner_box {
position: relative;
width: 100%;
height: 710rpx;
padding-top: 80rpx;
box-sizing: border-box;
}
.banner_img {
width: 100%;
height: 630rpx;
padding-top: 80rpx;
box-sizing: border-box;
}
.banner_img image {
... ... @@ -711,7 +714,7 @@ page {
.cart_count {
position: absolute;
right: 2rpx;
top: 0;
top: -2rpx;
width: 24rpx;
height: 24rpx;
border-radius: 50%;
... ... @@ -1141,7 +1144,7 @@ page {
.replace_dishes_center {
display: flex;
/* align-items: center */
align-items: center
}
.replace_image {
... ... @@ -1149,6 +1152,9 @@ page {
height: 29rpx;
margin-right: 18rpx;
margin-top: -14rpx;
display: flex;
align-items: center;
justify-content: center
}
.replace_image image {
... ...
... ... @@ -50,6 +50,13 @@ Page({
string:'',
gggPrice: null
},
//进入评论详情
go_comment_detail(e){
var id = e.currentTarget.dataset.id
wx.navigateTo({
url: '../user_comment_detail/user_comment_detail?id='+id,
})
},
//进入基本参数
jumpBasicInfo() {
this.setData({
... ...
... ... @@ -22,7 +22,7 @@
<view wx:else class='banner_box_group '>
距离团购
<text wx:if='{{goods.groupType.group_status==1}}'>开始\t\t\t</text>
<text wx:elif='{{goods.groupType.group_status==2}}'>结束\t\t\t</text> {{day}}天{{hour}}小时{{minute}}分钟
<text wx:elif='{{goods.groupType.group_status==2}}'>结束\t\t\t</text> {{day}}天{{hour}}时{{minute}}分
</view>
</view>
<!-- </view> -->
... ... @@ -39,8 +39,8 @@
<view class='item_list '>
<view class='banner_title '>{{goods.info.title}}</view>
<view class='introduce '>{{goods.info.excerpt}}</view>
<view wx:if='{{groupList.length>0}}'>
<view class='good_price_progress ' wx:if='{{goods.groupType.group_status==2}} '>
<view>
<view class='good_price_progress ' wx:if='{{goods.groupType.group_status==2}}'>
<progress show-info border-radius='4 ' activeColor='#ffda44 ' stroke-width='8 ' percent='{{percent}} ' font-size='12 '></progress>
<text class='group_font '>已拼{{goods.info.group_number}}份\t\t\t\t目标{{goods.info.group_min_number}}份</text>
</view>
... ... @@ -136,7 +136,7 @@
<view class='iconfont icon-jinru icon-jinrus'></view>
</view>
</view>
<view class='user_information_box' wx:for='{{comment}}' wx:for-index='index' wx:key='{{index}}'>
<view class='user_information_box' wx:for='{{comment}}' wx:for-index='index' wx:key='{{index}}' data-id='{{item.id}}' catchtap='go_comment_detail'>
<view class='user_information'>
<view class='the_star'>
<view class='head_portrait'>
... ... @@ -168,7 +168,7 @@
</view>
</view>
</view>
<view class='comments_btn'>
<view class='comments_btn' data-id='{{item.id}}' catchtap='go_comment_detail'>
<view class='iconfont icon-message'></view>
<view class='comments'>评论</view>
</view>
... ... @@ -176,7 +176,7 @@
</view>
<view class='item_list3' wx:if='{{goods.promotion.length>0}}'>
<view class='package_title'>购买含本商品套餐更优惠</view>
<view class='package_box' bindtap='jump_goodsDetial2' data-id='{{item.promotion_id}}' wx:for='{{goods.promotion}}' wx:key='{{item.id}}'>
<view class='package_box' bindtap='jump_goodsDetial2' data-id='{{item.id}}' wx:for='{{goods.promotion}}' wx:key='{{item.id}}'>
<view class='package_img_box'>
<view class='package_img'>
<image src='{{item.thumbnail}}'></image>
... ... @@ -284,9 +284,11 @@
<view class='hint_btn'>
<view>
<navigator class='shop_car' url='../../cart/cart' open-type="switchTab">
<view class='iconfont icon-gouwuche'></view>
<view>购物车</view>
<!-- <view class='iconfont icon-gouwuche'></view>
<view class='gouwuche'>购物车</view> -->
<view class='cart_count'>{{goods.cartCount}}</view>
<view class='iconfont icon-gouwuches'></view>
<view class='shop_car'>购物车</view>
</navigator>
</view>
<view bindtap='collection' bindtap='collection_true' data-id='{{goods.info.id}}'>
... ...
... ... @@ -8,6 +8,20 @@ page {
text{
height: 0!important
}
.icon-gouwuche{
font-size: 29rpx;
color: #444;
background: transparent!important;
box-shadow: 0 0 0 0 transparent!important;
line-height: 30rpx!important;
border-radius: 0!important
}
.gouwuche{
position: absolute;
bottom: 0;
/* left: 50%; */
/* transform: translateX(-50%) */
}
.big_box {
width: 100%;
height: 100%;
... ... @@ -71,12 +85,13 @@ text{
}
.banner_box{
position: relative;
width: 750rpx;
height: 710rpx;
padding-top: 80rpx;
box-sizing: border-box;
}
.banner_img {
height: 630rpx;
padding-top: 80rpx;
box-sizing: border-box;
}
.banner_img image {
... ... @@ -791,11 +806,16 @@ white-space: nowrap;
color: #747b7d;
position: relative;
}
.shop_cars{
width: 60rpx;
height: 58rpx;
position: relative;
}
.cart_count {
position: absolute;
right: 2rpx;
top: 0;
top: -4rpx;
width: 24rpx;
height: 24rpx;
border-radius: 50%;
... ...
... ... @@ -23,7 +23,9 @@ Page({
is_vip: 0,
prices: 0,
origin: 0,
originIndex: 0
originIndex: 0,
jine: 0,
jiesheng: 0,
},
//渲染购物车
fetchCart() {
... ... @@ -142,7 +144,11 @@ Page({
} else {
console.log(total_price + "总价")
wx.navigateTo({
url: '../../my/settle_account/settle_account?sale=' + skuid_arr + '&proId=' + this.data.info.id + '&gPrice=' + total_price
url: '../../my/settle_account/settle_account?sale=' + skuid_arr + '&proId=' + this.data.info.id + '&gPrice=' + this.data.jine
})
that.setData({
jine: 0,
jiesheng:0
})
}
},
... ... @@ -283,6 +289,9 @@ Page({
var that = this;
var goodsList = that.data.goodsList
var chooseAll = that.data.chooseAll
var jine = 0
var jiesheng = 0
var is_vip = that.data.is_vip
if(chooseAll){
chooseAll = false
}else{
... ... @@ -291,13 +300,24 @@ Page({
goodsList.forEach(function(ele, index) {
if (chooseAll) {
ele.t = true
if(is_vip==1){
jine += ele.vip_priceq
}else{
jine += ele.priceq
}
jiesheng += ele.save_priceq
} else {
ele.t = false
jine = 0
jiesheng = 0
}
});
jine = jine - jiesheng
that.setData({
goodsList: goodsList,
chooseAll: chooseAll
chooseAll: chooseAll,
jine: jine,
jiesheng: jiesheng
});
},
//选中商品
... ... @@ -307,18 +327,43 @@ Page({
var indexs = e.currentTarget.dataset.index;
var goodsList = this.data.goodsList
var chooseAll = false
var jiesheng = that.data.jiesheng
var jine = that.data.jine
goodsList.forEach(function(ele, index) {
ele.saveprice = ele.save_price.substring(0, ele.save_price.length - 3)*1
ele.vipprice = ele.vip_price.substring(0, ele.vip_price.length - 3) * 1
ele.ppprice = ele.price.substring(0, ele.price.length - 3) * 1
ele.daprice = null
if(that.data.is_vip==1){
ele.daprice = ele.vipprice
} else {
ele.daprice = ele.ppprice
}
// if(ele.t){
// jine += ele.daprice - ele.save_price
// }
// that.setData({
// jine:jine
// })
if (index == indexs) {
if (ele.t) {
ele.t = false
ele.t = false
jine -= (ele.daprice - ele.save_price)
jiesheng -= ele.saveprice
} else {
ele.t = true
}
ele.t = true
jiesheng += ele.saveprice
jine += (ele.daprice - ele.saveprice)
}
that.setData({
jine: jine,
jiesheng: jiesheng
})
}
})
that.setData({
goodsList: goodsList,
chooseAll: chooseAll
chooseAll: chooseAll,
});
},
//加入购物车
... ... @@ -375,7 +420,9 @@ Page({
}
that.setData({
goodsList: goodsList,
chooseAll:false
chooseAll:false,
jine: 0,
jiesheng:0
})
that.fetchCart()
} else {
... ... @@ -397,6 +444,14 @@ Page({
}
app.post(url, params).then(r => {
r.data.list.forEach(function (ele, index) {
ele.priceq = ele.price.substring(0, ele.price.length - 3) * 1
ele.vip_priceq = ele.vip_price.substring(0, ele.vip_price.length - 3) * 1
ele.save_priceq = ele.save_price.substring(0, ele.save_price.length - 3) * 1
if(is_vip==1){
ele.showjine = ele.vip_priceq - ele.save_priceq
}else{
ele.showjine = ele.priceq - ele.save_priceq
}
ele.attprice = ele.price
ele.attvipprice=ele.vip_price
ele.t = false
... ...
... ... @@ -26,7 +26,7 @@
</view>
</view>
<view class='product_list'>
<view class='singlepart'>
<view class='singlepart'>
<view class='single_part_top'>
<view class='single_part_left'>
<view class='iconfont icon-weixuanzhong single_part_left_icon {{chooseAll?"active":""}}' bindtap='chooseAll'></view>
... ... @@ -49,7 +49,7 @@
<view class='product_action'>
<view class='price'>¥
<!-- <view> -->
<text class='detail_price' wx:if='{{value.ggprice}}'>{{value.ggprice}}</text>
<text class='detail_price' wx:if='{{value.ggprice}}'>{{value.showjine}}</text>
<text wx:else class='detail_price'>{{value.new_price}}</text>
<!-- </view> -->
<text class='save_after'>已省</text>
... ... @@ -66,15 +66,12 @@
<view class='bottom_btn'>
<view class='hint_btn'>
<navigator class='shop_car' url='../../cart/cart' open-type='switchTab'>
<view class='iconfont icon-gouwuche'></view>
<view>购物车</view>
<view class='cart_count'>{{cart_count}}</view>
</navigator>
<view>
<view class='iconfont '></view><!-- icon-shoucang {{goods.is_favorite==1||shoucang?"active":""}} -->
<view class='shop_car {{info.is_favorite==1||shoucang?"active":""}}'></view>
</view>
<view class='shangmianbyn'>
<view class='shangmianbyi'>套餐价</view>
<view class='shangmianber'>¥</view>
<view class='shangmianbsan'>{{jine}}</view>
</view>
<view class='yisheng'>已省¥{{jiesheng}}</view>
</view>
<view class='join_btn' bindtap='join_btn'>加入购物车</view>
<view class='immediately_btn' bindtap='go_pay_sale'>立即购买</view>
... ...
/* pages/index/goodsDetial/goodsDetial.wxss */
page {
background: #f3f5f5;
width: 100%;
height: 100%
background: #f3f5f5;
width: 100%;
height: 100%;
}
.page{
width: 100%;
height: 100%
.page {
width: 100%;
height: 100%;
}
.page.active{
overflow: hidden
.page.active {
overflow: hidden;
}
.coupons {
font-size: 30rpx;
color: #222;
display: flex;
font-size: 30rpx;
color: #222;
display: flex;
}
.icon-shoucang.active {
color: #ff6700;
color: #ff6700;
}
.goods_detail {
font-weight: bold;
border-bottom: 3rpx solid #ffda44;
font-weight: bold;
border-bottom: 3rpx solid #ffda44;
}
.graphic_detail {
font-weight: bold;
margin-left: 56rpx;
font-weight: bold;
margin-left: 56rpx;
}
.share {
font-size: 28rpx;
color: #222;
font-size: 28rpx;
color: #222;
}
.banner_box {
width: 100%;
height: 630rpx;
display: flex;
flex-wrap: wrap;
width: 100%;
height: 630rpx;
display: flex;
flex-wrap: wrap;
}
.banner_box image{
width: 100%;
height: 100%
.banner_box image {
width: 100%;
height: 100%;
}
.banner_img {
width: 50%;
height: 315rpx;
width: 50%;
height: 315rpx;
}
.banner_img image {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
}
.item_list {
padding: 32rpx 25rpx;
background-color: #fff;
margin-bottom: 20rpx;
padding: 32rpx 25rpx;
background-color: #fff;
margin-bottom: 20rpx;
}
.banner_title {
font-size: 34rpx;
color: #222;
font-size: 34rpx;
color: #222;
}
.introduce {
font-size: 28rpx;
color: #888;
font-size: 28rpx;
color: #888;
}
.share {
font-size: 28rpx;
color: #222;
font-size: 28rpx;
color: #222;
}
.share_btn {
background: transparent;
padding: 0;
margin: 0;
border: 0 !important;
color: #222;
font-size: 28rpx;
margin-top: 10rpx;
background: transparent;
padding: 0;
margin: 0;
border: 0 !important;
color: #222;
font-size: 28rpx;
margin-top: 10rpx;
}
.banner_character {
height: 100rpx;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 24rpx;
color: #888;
margin-top: 16rpx;
height: 100rpx;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 24rpx;
color: #888;
margin-top: 16rpx;
}
.banner_price {
display: flex;
align-items: center;
/* padding-bottom:20rpx; */
box-sizing: border-box
display: flex;
align-items: center;
/* padding-bottom:20rpx; */
box-sizing: border-box;
}
.money_icon {
font-size: 22rpx;
color: #222;
font-size: 22rpx;
color: #222;
}
.money {
font-size: 38rpx;
font-weight: bold;
color: #222;
font-size: 38rpx;
font-weight: bold;
color: #222;
}
.original_price {
color: #888;
text-decoration: line-through;
color: #888;
text-decoration: line-through;
}
.display_box {
margin-left: 40rpx;
margin-left: 40rpx;
}
.money_icon2 {
font-size: 22rpx;
color: #f44;
font-size: 22rpx;
color: #f44;
}
.money2 {
font-size: 38rpx;
font-weight: bold;
color: #f44;
font-size: 38rpx;
font-weight: bold;
color: #f44;
}
.vip {
color: #fff;
background-color: #f44;
margin-left: 5rpx;
color: #fff;
background-color: #f44;
margin-left: 5rpx;
}
.list_content {
display: flex;
justify-content: space-between;
align-items: center;
display: flex;
justify-content: space-between;
align-items: center;
}
.content_title {
display: flex;
display: flex;
}
.title {
font-size: 24rpx;
color: #888;
font-size: 24rpx;
color: #888;
}
.content {
font-size: 24rpx;
color: #222;
margin-left: 47rpx;
font-size: 24rpx;
color: #222;
margin-left: 47rpx;
}
.icon-jinru {
font-size: 22rpx;
color: #c7c7c7;
font-size: 22rpx;
color: #c7c7c7;
}
.more_box {
font-size: 24rpx;
color: #949a9a;
border-top: 1rpx solid #ededed;
display: flex;
justify-content: center;
align-items: center;
padding-top: 24rpx;
margin-top: 35rpx;
font-size: 24rpx;
color: #949a9a;
border-top: 1rpx solid #ededed;
display: flex;
justify-content: center;
align-items: center;
padding-top: 24rpx;
margin-top: 35rpx;
}
.icon-zhankai {
font-size: 14rpx;
margin-left: 10rpx;
font-size: 14rpx;
margin-left: 10rpx;
}
.item_list1 {
background-color: #fff;
margin-bottom: 20rpx;
display: flex;
justify-content: space-between;
align-items: center;
padding: 19rpx 16rpx 0;
background-color: #fff;
margin-bottom: 20rpx;
display: flex;
justify-content: space-between;
align-items: center;
padding: 19rpx 16rpx 0;
}
.hint1 {
font-size: 22rpx;
color: #222;
background-color: #fafafa;
border-radius: 12rpx;
padding: 25rpx 39rpx;
font-size: 22rpx;
color: #222;
background-color: #fafafa;
border-radius: 12rpx;
padding: 25rpx 39rpx;
}
.cash_back {
font-size: 28rpx;
font-weight: bold;
color: #222;
font-size: 28rpx;
font-weight: bold;
color: #222;
}
.red_font {
font-weight: bold;
color: #f44;
font-weight: bold;
color: #f44;
}
.attribute {
width: 375rpx;
display: flex;
align-items: center;
/* margin-left: 49rpx; */
width: 375rpx;
display: flex;
align-items: center;
/* margin-left: 49rpx; */
}
.attribute_titel {
font-size: 26rpx;
color: #94999a;
font-size: 26rpx;
color: #94999a;
}
.stars {
display: flex;
font-size: 26rpx;
color: #222;
margin-left: 35rpx;
display: flex;
font-size: 26rpx;
color: #222;
margin-left: 35rpx;
}
.icon-pingfen {
font-size: 26rpx;
color: #222;
font-size: 26rpx;
color: #222;
}
.attribute_content {
font-size: 26rpx;
color: #222;
margin-left: 113rpx;
font-size: 26rpx;
color: #222;
margin-left: 113rpx;
}
.item_list2, .item_list3, .item_list4, .itme_list5, .item_list6 {
background-color: #fff;
margin-bottom: 20rpx;
background-color: #fff;
margin-bottom: 20rpx;
}
.user_evaluation {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1rpx solid #f3f5f5;
padding: 31rpx 25rpx;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1rpx solid #f3f5f5;
padding: 31rpx 25rpx;
}
.user_evaluation_title {
font-size: 30rpx;
font-weight: bold;
color: #222;
font-size: 30rpx;
font-weight: bold;
color: #222;
}
.user_evaluation_time {
font-size: 24rpx;
color: #c7c7c7;
display: flex;
align-items: center;
font-size: 24rpx;
color: #c7c7c7;
display: flex;
align-items: center;
}
.comments_btn {
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 23rpx;
color: #949a9a;
margin-top: 24rpx;
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 23rpx;
color: #949a9a;
margin-top: 24rpx;
}
.icon-message {
font-size: 22rpx;
color: #949a9a;
margin-right: 10rpx;
font-size: 22rpx;
color: #949a9a;
margin-right: 10rpx;
}
.user_information_box {
padding: 31rpx 25rpx 25rpx 25rpx;
padding: 31rpx 25rpx 25rpx 25rpx;
}
.user_information {
display: flex;
justify-content: space-between;
align-items: center;
display: flex;
justify-content: space-between;
align-items: center;
}
.head_portrait {
width: 62rpx;
height: 62rpx;
width: 62rpx;
height: 62rpx;
}
.head_portrait image {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
}
.star_box {
margin-left: 25rpx;
margin-left: 25rpx;
}
.the_star {
display: flex;
align-items: center;
display: flex;
align-items: center;
}
.stars1 {
display: flex;
display: flex;
}
.user_name {
font-size: 26rpx;
color: #222;
font-size: 26rpx;
color: #222;
}
.evaluation {
font-size: 24rpx;
color: #222;
margin-top: 25rpx;
font-size: 24rpx;
color: #222;
margin-top: 25rpx;
}
.evaluation_img {
margin-top: 21rpx;
margin-top: 21rpx;
}
.upload_img_box {
display: flex;
display: flex;
}
.upload_img {
width: 160rpx;
height: 160rpx;
margin-right: 20rpx;
width: 160rpx;
height: 160rpx;
margin-right: 20rpx;
}
.upload_img image {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
}
.item_list3 {
padding: 46rpx 44rpx;
padding: 46rpx 44rpx;
}
.item_list4 {
padding: 30rpx 25rpx;
padding: 30rpx 25rpx;
}
.charge_btn {
height: 80rpx;
display: flex;
justify-content: center;
align-items: center;
font-size: 26rpx;
color: #f44;
border: 1rpx solid #f44;
border-radius: 40rpx;
margin-top: 30rpx;
height: 80rpx;
display: flex;
justify-content: center;
align-items: center;
font-size: 26rpx;
color: #f44;
border: 1rpx solid #f44;
border-radius: 40rpx;
margin-top: 30rpx;
}
.detection_item {
display: flex;
justify-content: space-around;
margin-top: 58rpx;
display: flex;
justify-content: space-around;
margin-top: 58rpx;
}
.detection {
display: flex;
justify-content: center;
align-items: center;
display: flex;
justify-content: center;
align-items: center;
}
.line1 {
width: 115rpx;
height: 1rpx;
background: linear-gradient(to right, #fff, #bbb);
width: 115rpx;
height: 1rpx;
background: linear-gradient(to right, #fff, #bbb);
}
.line2 {
width: 115rpx;
height: 1rpx;
background: linear-gradient(to left, #fff, #bbb);
width: 115rpx;
height: 1rpx;
background: linear-gradient(to left, #fff, #bbb);
}
.detection_title {
font-size: 26rpx;
font-weight: bold;
color: #222;
margin: 0 30rpx;
font-size: 26rpx;
font-weight: bold;
color: #222;
margin: 0 30rpx;
}
.detection_box {
font-size: 26rpx;
color: #222;
font-size: 26rpx;
color: #222;
}
.detection_img {
margin: 0 auto;
width: 54rpx;
height: 54rpx;
margin: 0 auto;
width: 54rpx;
height: 54rpx;
}
.detection_img image {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
}
.detection_hint {
font-size: 22rpx;
color: #94999a;
text-align: center;
margin-top: 20rpx;
font-size: 22rpx;
color: #94999a;
text-align: center;
margin-top: 20rpx;
}
.itme_list5 {
position: relative;
padding: 45rpx 25rpx 30rpx 25rpx;
box-sizing: border-box;
position: relative;
padding: 45rpx 25rpx 30rpx 25rpx;
box-sizing: border-box;
}
.recommended_box {
width: 150rpx;
height: 45rpx;
display: flex;
align-items: center;
justify-content: center;
background: #ffda44;
border-radius: 0 0 16rpx 16rpx;
font-size: 22rpx;
color: #333;
position: absolute;
right: 24rpx;
top: 0;
width: 150rpx;
height: 45rpx;
display: flex;
align-items: center;
justify-content: center;
background: #ffda44;
border-radius: 0 0 16rpx 16rpx;
font-size: 22rpx;
color: #333;
position: absolute;
right: 24rpx;
top: 0;
}
.foretaste_box {
display: flex;
align-items: center;
font-size: 30rpx;
display: flex;
align-items: center;
font-size: 30rpx;
}
.buyer_recommend {
font-size: 22rpx;
color: #94999a;
margin-left: 20rpx;
font-size: 22rpx;
color: #94999a;
margin-left: 20rpx;
}
.buyer_name {
font-size: 30rpx;
color: #222;
font-size: 30rpx;
color: #222;
}
.recommend_content {
background-color: #fafafa;
border-radius: 16rpx;
padding: 25rpx 25rpx 25rpx 25rpx;
margin-top: 30rpx;
font-size: 26rpx;
color: #222;
position: relative;
background-color: #fafafa;
border-radius: 16rpx;
padding: 25rpx 25rpx 25rpx 25rpx;
margin-top: 30rpx;
font-size: 26rpx;
color: #222;
position: relative;
}
.icon-shangyinhao {
font-size: 22rpx;
color: #e3e3e3;
font-size: 22rpx;
color: #e3e3e3;
}
.triangle {
width: 0;
height: 0;
border-left: 60rpx solid #fafafa;
border-top: 30rpx solid transparent;
border-bottom: 30rpx solid transparent;
position: absolute;
top: -30rpx;
left: 50rpx;
width: 0;
height: 0;
border-left: 60rpx solid #fafafa;
border-top: 30rpx solid transparent;
border-bottom: 30rpx solid transparent;
position: absolute;
top: -30rpx;
left: 50rpx;
}
.recommend_character {
margin-left: 10rpx;
margin-left: 10rpx;
}
.ingredients {
margin-top: 40rpx;
margin-top: 40rpx;
}
.ingredients_title {
font-size: 30rpx;
font-weight: bold;
color: #222;
text-align: center;
font-size: 30rpx;
font-weight: bold;
color: #222;
text-align: center;
}
.ingredients_img {
width: 280rpx;
height: 280rpx;
width: 280rpx;
height: 280rpx;
}
.ingredients_box {
display: flex;
display: flex;
}
.ingredients_img image {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
}
.ingredients_item {
width: 400rpx;
font-size: 26rpx;
display: flex;
/* margin-left: 34rpx; */
margin-top: 34rpx;
border: 1px solid red;
width: 400rpx;
font-size: 26rpx;
display: flex;
/* margin-left: 34rpx; */
margin-top: 34rpx;
border: 1px solid red;
}
.ingredients_name {
color: #94999a;
width: 80rpx;
color: #94999a;
width: 80rpx;
}
.ingredients_content {
width: 300rpx;
display: flex;
flex-wrap: wrap;
margin-left: 30rpx;
border: 1px solid red;
width: 300rpx;
display: flex;
flex-wrap: wrap;
margin-left: 30rpx;
border: 1px solid red;
}
.graphic_ingredients_box {
margin-top: 40rpx;
margin-top: 40rpx;
}
.graphic_ingredients {
height: 200rpx;
border: 1rpx solid red;
display: flex;
align-items: center;
justify-content: center;
background-image: url('http://hifresh.w.bronet.cn/assets/wxapp/keshihua@2x.png');
margin-bottom: 20rpx;
height: 200rpx;
border: 1rpx solid red;
display: flex;
align-items: center;
justify-content: center;
background-image: url('http://hifresh.w.bronet.cn/assets/wxapp/keshihua@2x.png');
margin-bottom: 20rpx;
}
.graphic_ingredients_background {
width: 450rpx;
height: 110rpx;
background-color: #ffb244;
display: flex;
align-items: center;
justify-content: center;
width: 450rpx;
height: 110rpx;
background-color: #ffb244;
display: flex;
align-items: center;
justify-content: center;
}
.graphic_ingredients_border {
font-size: 38rpx;
color: #fff;
width: 430rpx;
height: 90rpx;
border: 1rpx solid #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 38rpx;
color: #fff;
width: 430rpx;
height: 90rpx;
border: 1rpx solid #fff;
display: flex;
align-items: center;
justify-content: center;
}
.item_list6 {
padding: 30rpx 25rpx 0rpx;
margin-bottom:120rpx
padding: 30rpx 25rpx 0rpx;
margin-bottom: 120rpx;
}
.collocation_title {
font-size: 30rpx;
font-weight: bold;
color: #222;
margin-bottom: 40rpx;
font-size: 30rpx;
font-weight: bold;
color: #222;
margin-bottom: 40rpx;
}
.collocation {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 39rpx;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 39rpx;
}
.collocation_box {
width: 340rpx;
border: 1rpx solid red;
border-radius: 16rpx;
overflow: hidden;
margin-bottom: 20rpx;
width: 340rpx;
border: 1rpx solid red;
border-radius: 16rpx;
overflow: hidden;
margin-bottom: 20rpx;
}
.collocation_img {
width: 340rpx;
height: 340rpx;
width: 340rpx;
height: 340rpx;
}
.collocation_img image {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
}
.collocation_content {
background: #fafafa;
font-size: 30rpx;
color: #222;
padding: 22rpx;
background: #fafafa;
font-size: 30rpx;
color: #222;
padding: 22rpx;
}
.bottom_btn {
width: 100%;
height: 100rpx;
background: #fff;
display: flex;
justify-content: flex-end;
align-items: center;
position: fixed;
bottom:0;
left: 0;
width: 100%;
height: 100rpx;
background: #fff;
display: flex;
justify-content: flex-end;
align-items: center;
position: fixed;
bottom: 0;
left: 0;
}
.hint_btn {
width: 12%;
display: flex;
justify-content: center;
align-items: center;
width: 36%;
height: 100%;
padding-left: 25rpx;
}
.shangmianbyn {
display: flex;
height: 30rpx;
margin-top: 19rpx;
}
.shangmianbyi {
height: 18rpx;
margin-top: 12rpx;
line-height: 18rpx;
font-size: 18rpx;
font-family: PingFang SC;
font-weight: 500;
color: rgba(116, 123, 125, 1);
}
.shangmianber {
padding-top: 1rpx;
box-sizing: border-box;
height: 22rpx;
font-size: 22rpx;
font-family: PingFang SC;
font-weight: 800;
color: rgba(93, 194, 72, 1);
line-height: 22rpx;
margin: 8rpx 3rpx 0;
}
.shangmianbsan {
padding-top: 1rpx;
box-sizing: border-box;
height: 30rpx;
font-size: 38rpx;
line-height: 30rpx;
font-family: PingFang SC;
font-weight: 800;
color: rgba(93, 194, 72, 1);
}
.yisheng {
margin-top: 12rpx;
height: 17rpx;
font-size: 18rpx;
font-family: PingFang SC;
font-weight: 500;
color: rgba(116, 123, 125, 1);
line-height: 17rpx;
}
.shop_car {
font-size: 18rpx;
color: #747b7d;
position: relative;
font-size: 18rpx;
color: #747b7d;
position: relative;
}
.cart_count {
position: absolute;
right: 2rpx;
top: 0;
width: 24rpx;
height: 24rpx;
border-radius: 50%;
background: red;
text-align: center;
line-height: 24rpx;
color: #fff;
font-size: 18rpx;
position: absolute;
right: 2rpx;
top: 0;
width: 24rpx;
height: 24rpx;
border-radius: 50%;
background: red;
text-align: center;
line-height: 24rpx;
color: #fff;
font-size: 18rpx;
}
.join_btn {
width: 44%;
height: 100rpx;
background: linear-gradient(to left, #ffda44, #ffb244);
display: flex;
align-items: center;
justify-content: center;
font-size: 26rpx;
color: #fff;
width: 32%;
height: 100rpx;
background: linear-gradient(to left, #ffda44, #ffb244);
display: flex;
align-items: center;
justify-content: center;
font-size: 26rpx;
color: #fff;
}
.immediately_btn {
width: 44%;
height: 100rpx;
background: linear-gradient(to left, #f99115, #f56800);
display: flex;
align-items: center;
justify-content: center;
font-size: 26rpx;
color: #fff;
width: 32%;
height: 100rpx;
background: linear-gradient(to left, #f99115, #f56800);
display: flex;
align-items: center;
justify-content: center;
font-size: 26rpx;
color: #fff;
}
.tips{
padding: 0 25rpx;
box-sizing: border-box;
.tips {
padding: 0 25rpx;
box-sizing: border-box;
}
.tips_content{
margin-top: 30rpx;
line-height: 40rpx;
.tips_content {
margin-top: 30rpx;
line-height: 40rpx;
}
.item_list7 {
height: 368rpx;
background: rgba(255, 255, 255, 1);
border-radius: 16rpx;
box-shadow: 15rpx 0rpx 30rpx rgba(214, 214, 214, 0.6);
font-size: 26rpx;
color: #222;
margin: 0 auto;
margin-bottom: 20rpx;
padding: 34rpx 49rpx;
height: 368rpx;
background: rgba(255, 255, 255, 1);
border-radius: 16rpx;
box-shadow: 15rpx 0rpx 30rpx rgba(214, 214, 214, 0.6);
font-size: 26rpx;
color: #222;
margin: 0 auto;
margin-bottom: 20rpx;
padding: 34rpx 49rpx;
}
/**/
.product_list{
.product_list {
padding: 0 25rpx;
flex: 1;
overflow-y: scroll;
background: #fff;
margin-bottom:120rpx
margin-bottom: 120rpx;
}
.singlepart{
border-top: 22rpx solid #FAFAFA;
.singlepart {
border-top: 22rpx solid #fafafa;
padding-bottom: 100rpx;
box-sizing: border-box
}
.single_part_top{
.single_part_top {
height: 90rpx;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 24rpx;
color: #888;
border-bottom: 1rpx solid #EDEDED;
border-bottom: 1rpx solid #ededed;
}
.single_part_right,.single_part_left{
.single_part_right, .single_part_left {
display: flex;
}
.single_part_left{
color: #222222;
.single_part_left {
color: #222;
font-size: 30rpx;
font-weight: 800;
}
.single_part_left_icon{
color: #EDEDED;
.single_part_left_icon {
color: #ededed;
font-size: 40rpx;
margin-right: 24rpx;
}
.single_part_left_icon.active{
color:#FFDA44
.single_part_left_icon.active {
color: #ffda44;
}
.single_part_item{
.single_part_item {
display: flex;
margin: 50rpx 0 50rpx;
height: 140rpx;
align-items: center;
border-bottom:1rpx solid #fafafa;
border-bottom: 1rpx solid #fafafa;
}
.single_part_item:last-child{
border:0
.single_part_item:last-child {
border: 0;
}
.iconfonts{
.iconfonts {
font-size: 40rpx;
color: #EDEDED;
color: #ededed;
}
.iconfonts.active{
color:#FFDA44
.iconfonts.active {
color: #ffda44;
}
.single_part_imgbox{
.single_part_imgbox {
width: 140rpx;
height: 140rpx;
overflow: hidden;
... ... @@ -752,81 +824,94 @@ page {
margin-right: 40rpx;
}
.single_part_imgbox image{
.single_part_imgbox image {
width: 100%;
}
.single_part_detail{
flex:1;
.single_part_detail {
flex: 1;
height: 100%;
display: flex;
flex-flow: column;
margin-top:-20rpx;
margin-top: -20rpx;
}
.product_action{
.product_action {
font-size: 28rpx;
color: #333;
line-height: 1;
}
.product_title{
.product_title {
color: #333;
font-size: 28rpx;
margin-bottom: 4rpx;
margin-top:-16rpx;
margin-top: -16rpx;
}
.product_type {
height: 30rpx;
overflow: hidden;
height: 30rpx;
overflow: hidden;
color: #888;
font-size: 24rpx;
margin-bottom:2rpx;
margin-bottom: 2rpx;
}
.save_after{
color:#888;
margin-right:6rpx;
.save_after {
color: #888;
margin-right: 6rpx;
}
.product_types {
color: #888;
font-size: 24rpx;
margin-bottom:12rpx;
float: left
margin-bottom: 12rpx;
float: left;
}
.dayuya{
width: 100rpx;
height: 100rpx;
font-size: 120rpx
.dayuya {
width: 100rpx;
height: 100rpx;
font-size: 120rpx;
}
.product_action{
.product_action {
display: flex;
justify-content: space-between;
}
.price{
.price {
font-size: 24rpx;
color: #FF4444;
color: #f44;
}
.detail_price{
.detail_price {
font-size: 34rpx;
font-weight: bold;
margin-right:6rpx;
margin-left:-10rpx;
margin-right: 6rpx;
margin-left: -10rpx;
}
.action_box{
.action_box {
display: flex;
align-items: center;
font-size: 30rpx;
}
.action_btn {
display: flex;
height: 38rpx;
width: 38rpx;
border-radius: 50%;
border: 1rpx solid #94999A;
border: 1rpx solid #94999a;
align-items: center;
justify-content: center;
font-size: 30rpx;
}
.choose_sku{
width: 100%;
color: #888;
.choose_sku {
width: 100%;
color: #888;
font-size: 24rpx;
display: flex;
/* justify-content: space-between */
... ... @@ -835,210 +920,214 @@ page {
/*购物车添加状态*/
.cart_mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 9999999;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 9999999;
}
.cart_mask_diceng {
width: 80%;
/* min-height: 550rpx; */
position: absolute;
top: 50%;
margin-left: 10%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 1);
border-radius: 10px;
padding-top: 20rpx;
padding-bottom: 130rpx;
width: 80%;
/* min-height: 550rpx; */
position: absolute;
top: 50%;
margin-left: 10%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 1);
border-radius: 10px;
padding-top: 20rpx;
padding-bottom: 130rpx;
}
.goods_name {
font-size: 30rpx;
font-family: PingFang-SC-Bold;
font-weight: bold;
color: rgba(51, 51, 51, 1);
line-height: 36rpx;
text-align: center;
margin-top: 30rpx;
font-size: 30rpx;
font-family: PingFang-SC-Bold;
font-weight: bold;
color: rgba(51, 51, 51, 1);
line-height: 36rpx;
text-align: center;
margin-top: 30rpx;
}
.weight {
height: 100rpx;
margin-top: 34rpx;
/* margin-bottom:44rpx; */
padding: 0 47rpx 0 36rpx;
box-sizing: border-box;
height: 100rpx;
margin-top: 34rpx;
/* margin-bottom:44rpx; */
padding: 0 47rpx 0 36rpx;
box-sizing: border-box;
}
.weight_view {
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 36rpx;
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 36rpx;
}
.quality {
margin-top: 24rpx;
margin-top: 24rpx;
}
.quality_left {
width: 150rpx;
height: 50rpx;
margin-bottom: 20rpx;
background: rgba(247, 247, 247, 1);
border-radius: 10rpx;
text-align: center;
line-height: 50rpx;
font-size: 26rpx;
font-family: FZY3JW--GB1-0;
font-weight: 400;
color: rgba(26, 26, 26, 1);
float: left;
margin-right: 20rpx;
width: 150rpx;
height: 50rpx;
margin-bottom: 20rpx;
background: rgba(247, 247, 247, 1);
border-radius: 10rpx;
text-align: center;
line-height: 50rpx;
font-size: 26rpx;
font-family: FZY3JW--GB1-0;
font-weight: 400;
color: rgba(26, 26, 26, 1);
float: left;
margin-right: 20rpx;
}
.quality_left.active {
background: rgba(255, 218, 68, 1);
background: rgba(255, 218, 68, 1);
}
.last_box {
width: 100%;
height: 110rpx;
background: rgba(247, 247, 247, 1);
border-radius: 0px 0px 10px 10px;
margin-top: 100rpx;
padding: 18rpx 0 0 51rpx;
box-sizing: border-box;
position: absolute;
bottom: 0;
width: 100%;
height: 110rpx;
background: rgba(247, 247, 247, 1);
border-radius: 0px 0px 10px 10px;
margin-top: 100rpx;
padding: 18rpx 0 0 51rpx;
box-sizing: border-box;
position: absolute;
bottom: 0;
}
.last_box_top {
font-size: 26rpx;
font-size: 26rpx;
}
.last_box_top_price {
display: flex;
color: #f44;
line-height: 36rpx;
font-family: PingFang-SC-Bold;
font-weight: bold;
display: flex;
color: #f44;
line-height: 36rpx;
font-family: PingFang-SC-Bold;
font-weight: bold;
}
.last_box_top_price text {
color: #333;
font-size: 18rpx;
margin-left: 10rpx;
color: #333;
font-size: 18rpx;
margin-left: 10rpx;
}
.member_price {
color: rgba(187, 138, 54, 1);
color: rgba(187, 138, 54, 1);
}
.member {
text-align: center;
font-family: PingFang-SC-Medium;
margin-left: 24rpx;
background: linear-gradient(-90deg, rgba(244, 243, 200, 1), rgba(250, 216, 90, 1));
border-radius: 5px;
color: rgba(187, 138, 54, 1);
padding: 4rpx -2rpx;
box-sizing: border-box;
/* margin-top:8rpx; */
font-size: 18rpx;
font-weight: 400;
text-align: center;
font-family: PingFang-SC-Medium;
margin-left: 24rpx;
background: linear-gradient(-90deg, rgba(244, 243, 200, 1), rgba(250, 216, 90, 1));
border-radius: 5px;
color: rgba(187, 138, 54, 1);
padding: 4rpx -2rpx;
box-sizing: border-box;
/* margin-top:8rpx; */
font-size: 18rpx;
font-weight: 400;
}
.purchase {
width: 160rpx;
height: 50rpx;
background: rgba(255, 218, 68, 1);
border-radius: 25rpx;
font-size: 24rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(26, 26, 26, 1);
line-height: 50rpx;
text-align: center;
position: absolute;
right: 36rpx;
top: 30rpx;
width: 160rpx;
height: 50rpx;
background: rgba(255, 218, 68, 1);
border-radius: 25rpx;
font-size: 24rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(26, 26, 26, 1);
line-height: 50rpx;
text-align: center;
position: absolute;
right: 36rpx;
top: 30rpx;
}
.jiajian {
width: 120rpx;
height: 50rpx;
position: absolute;
right: 200rpx;
top: 40rpx;
display: flex;
justify-content: space-between;
width: 120rpx;
height: 50rpx;
position: absolute;
right: 200rpx;
top: 40rpx;
display: flex;
justify-content: space-between;
}
.dec_num {
width: 32rpx;
height: 32rpx;
border-radius: 50%;
background: #ffda44;
font-size: 32rpx;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 32rpx;
width: 32rpx;
height: 32rpx;
border-radius: 50%;
background: #ffda44;
font-size: 32rpx;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 32rpx;
}
.numnum {
width: 32rpx;
height: 32rpx;
text-align: center;
line-height: 32rpx;
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(102, 102, 102, 1);
width: 32rpx;
height: 32rpx;
text-align: center;
line-height: 32rpx;
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(102, 102, 102, 1);
}
.close_jump_cart {
position: absolute;
top: 24rpx;
right: 24rpx;
color: #ededed;
font-size: 36rpx;
position: absolute;
top: 24rpx;
right: 24rpx;
color: #ededed;
font-size: 36rpx;
}
.pickage_display {
font-size: 24rpx;
color: #f44;
margin-top: 47rpx;
font-size: 24rpx;
color: #f44;
margin-top: 47rpx;
}
.money_icon2 {
font-size: 22rpx;
color: #f44;
font-size: 22rpx;
color: #f44;
}
.money2 {
font-size: 38rpx;
font-weight: bold;
color: #f44;
font-size: 38rpx;
font-weight: bold;
color: #f44;
}
/*团购样式*/
.banner_box_group{
width:700rpx;
height:45rpx;
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(to right,#ffda44,transparent);
padding-left:26rpx;
z-index: 999;
font-size:26rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,255,255,1);
line-height:45rpx;
}
\ No newline at end of file
.banner_box_group {
width: 700rpx;
height: 45rpx;
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(to right, #ffda44, transparent);
padding-left: 26rpx;
z-index: 999;
font-size: 26rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 45rpx;
}
... ...
... ... @@ -85,6 +85,7 @@ Page({
packageList: [],
st: '',
sts:'',
sku_values:'',
ast:'',
scrolltop:0,
... ... @@ -233,7 +234,8 @@ Page({
})
}
this.setData({
show_cart_mask: false
show_cart_mask: false,
item: 1
});
},
//渲染商品列表
... ... @@ -330,10 +332,13 @@ Page({
},
//跳转至专题列表
jump_special_list(e) {
var specialid = e.currentTarget.dataset.specialid
// var specialid = e.currentTarget.dataset.specialid
var url = e.currentTarget.dataset.url
if (url != '') {
wx.navigateTo({
url: './special_list/special_list?id=' + specialid,
url: '../navigate/navigate?url=' + url
})
}
},
//切换筛选id
changeId(e) {
... ... @@ -383,7 +388,7 @@ Page({
let select = this.data.select;
let id_str = [];
let new_arr = [];
for (let v of select) {
for (let v of select) {
console.log(v.chooseIndex);
console.log(id_str);
new_arr = new_arr.concat(v.chooseIndex);
... ... @@ -562,7 +567,7 @@ Page({
})
}
time(cut)
let sst = setInterval(time, 1000)
let sst = setInterval(time, 60000)
if (ele.minutes == 0 && ele.seconds == 0) {
clearInterval(sst)
}
... ... @@ -586,58 +591,110 @@ Page({
var percent = 0
r.data.group.forEach(function(ele, index) {
var current = Math.floor(new Date() / 1000)
var qa = new Date().getTime()
console.log(qa)
var shengyu = ele.group_end_date - current
console.log(shengyu)
if (ele.group_status==1){
function times() {
var timess = new Date().getTime()
console.log(timess)
var cut = ele.group_start_date - timess
console.log(cut)
ele.daysa = Math.floor((cut) / (60 * 60 * 24));
ele.hoursa = Math.floor((cut) / (60 * 60)) % 24;
ele.minutesa = Math.floor((cut) / (60)) % 60;
if (ele.daysa < 10) {
ele.daysa = '0' + ele.daysa
}
if (ele.daysa == 0) {
ele.daysa = '00'
}
if (ele.hoursa < 10) {
ele.hoursa = '0' + ele.hoursa
}
if (ele.hoursa == 0) {
ele.hoursa = '00'
}
if (ele.minutesa < 10) {
ele.minutesa = '0' + ele.minutesa
}
if (ele.minutesa == 0) {
ele.minutesa = '00'
}
if (ele.secondsa < 10) {
ele.secondsa = '0' + ele.secondsa
}
if (ele.secondsa == 0) {
ele.secondsa = '00'
}
ele.secondsa = cut % 60
if (ele.secondsa < 0) {
clearInterval(ssts)
}
}
times()
let ssts = setInterval(times, 1000)
if (ele.minutesa == 0 && ele.secondsa < 0) {
clearInterval(ssts)
}
that.setData({
sts: ssts
})
}
if (ele.group_status == 2) {
// if(shengyu>0){
function time() {
var a = new Date().getTime()
a = Math.floor(a / 1000)
var cut_time = ele.group_end_date - a
ele.days = Math.floor((cut_time) / ( 60 * 60 * 24));
ele.hours = Math.floor((cut_time) / ( 60 * 60)) % 24;
ele.minutes = Math.floor((cut_time) / ( 60)) % 60;
if (ele.days < 10) {
ele.days = '0'+ele.days
}
if (ele.days == 0) {
ele.days = '00'
}
if (ele.hours < 10) {
ele.hours = '0'+ele.hours
}
if (ele.hours == 0) {
ele.hours = '00'
}
if(ele.minutes<10){
ele.minutes='0'+ele.minutes
}
if (ele.minutes == 0) {
ele.minutes = '00'
}
if (ele.seconds < 10) {
ele.seconds = '0'+ele.seconds
}
if (ele.seconds == 0) {
ele.seconds = '00'
}
ele.seconds = cut_time % 60
if(ele.seconds < 0){
clearInterval(sst)
}
ele.percent = ele.group_number * 100 / ele.group_min_number
that.setData({
groupList: r.data.group
})
var a = new Date().getTime()
a = Math.floor(a / 1000)
var cut_time = ele.group_end_date - a
ele.days = Math.floor((cut_time) / (60 * 60 * 24));
ele.hours = Math.floor((cut_time) / (60 * 60)) % 24;
ele.minutes = Math.floor((cut_time) / (60)) % 60;
if (ele.days < 10) {
ele.days = '0' + ele.days
}
if (ele.days == 0) {
ele.days = '00'
}
if (ele.hours < 10) {
ele.hours = '0' + ele.hours
}
if (ele.hours == 0) {
ele.hours = '00'
}
if (ele.minutes < 10) {
ele.minutes = '0' + ele.minutes
}
if (ele.minutes == 0) {
ele.minutes = '00'
}
if (ele.seconds < 10) {
ele.seconds = '0' + ele.seconds
}
if (ele.seconds == 0) {
ele.seconds = '00'
}
ele.seconds = cut_time % 60
if (ele.seconds < 0) {
clearInterval(sst)
}
ele.percent = ele.group_number * 100 / ele.group_min_number
that.setData({
groupList: r.data.group
})
}
time()
let sst = setInterval(time, 1000)
if (ele.minutes == 0 && ele.seconds < 0) {
clearInterval(sst)
}
that.setData({
st: sst
})
time()
let sst = setInterval(time, 1000)
if (ele.minutes == 0 && ele.seconds < 0) {
clearInterval(sst)
}
that.setData({
st: sst,
})
// }
}
})
that.setData({
hotList: r.data.gohi,
... ... @@ -713,9 +770,13 @@ Page({
},
//分类下面的轮播图跳转
jump_web(e){
var jump = e.currentTarget.dataset.jump
console.log('jump:'+jump)
if (jump != '') {
wx.navigateTo({
url: '../navigate/navigate?url='+e.currentTarget.dataset.jump,
url: '../navigate/navigate?url=' + jump
})
}
},
//切换导航
changeNav1() {
... ... @@ -1047,6 +1108,8 @@ Page({
onUnload: function() {
let st=this.data.st
clearInterval(st)
let sts = this.data.sts
clearInterval(sts)
},
/**
... ...
... ... @@ -31,20 +31,20 @@
<text class='iconfont icon-fenlei'></text>
</view>
</view>
<view class='zuida'>
<view class='zuida'>
<block wx:if='{{nav==0}}'>
<view class='yyh'>
<swiper next-margin='40rpx' previous-margin='10rpx' circular='true' autoplay='true' display-multiple-items='1' class='swiper_banner_box' interval='5000'>
<block wx:for='{{special}}' wx:key='{{item.id}}'>
<!-- <swiper-item > -->
<swiper-item bindtap='jump_special_list' data-specialid='{{item.id}}'>
<swiper-item bindtap='jump_special_list' data-specialid='{{item.id}}' data-url='{{item.outlink}}'>
<image src='{{item.image}}' class="slide-image {{currentIndex == 0 ? 'active': ''}} uiuiui"></image>
</swiper-item>
</block>
</swiper>
</view>
<view class='real_save'>
<view class='safe_box'>
<view class='safe_box'>
<view bindtap='go_mind_detect'>
<!-- <view class='real_anxin'>
<image src='../imgs/anxin.png' class='anxin'></image>
... ... @@ -94,7 +94,7 @@
<scroll-view class='scroll_box' scroll-x>
<navigator url='/pages/index/goodsDetial/goodsDetial?id={{item.id}} ' class='new_person_item' wx:for='{{new_person}}' wx:key='{{item.id}}'>
<view class='position_box'>
<image src='{{imgUrl}}pic1.png'></image>
<image src='{{item.more.thumbnail}}'></image>
<view class='goods_name'>{{item.title}}</view>
<view>
<text class='rmb'>¥</text>
... ... @@ -130,11 +130,11 @@
<view wx:if='{{wangge==0}}'>
<view wx:for='{{product_item}}' wx:key='{{item.id}}'>
<view class='classfy' bindtap='jump_web' data-jump='{{item.more.banner_url}}' style='padding-top:40rpx;' wx:if='{{item.more.banner!=""}}'>
<image src='{{item.more.banner}}' bindtap=''></image>
<image src='{{item.more.banner}}'></image>
</view>
<view class='goodbox'>
<view class='good_item' wx:for='{{item.product_item}}' wx:key='{{item.id}}' data-goods='{{item.id}}'>
<view class='good_img' bindtap='get_goodsDetial' data-goods='{{item.id}}'>
<view class='good_item' wx:for='{{item.product_item}}' wx:key='{{item.id}}' data-goods='{{item.id}}' bindtap='get_goodsDetial'>
<view class='good_img'>
<image src='{{item.label}}' class='label_image'></image>
<image class='goods_img_image' src='{{item.more.thumbnail}}'></image>
</view>
... ... @@ -171,18 +171,27 @@
<view class='goodbox goods_margin_top'>
<view class='good_item' wx:for='{{groupList}}' wx:key='{{item.id}}' data-goods='{{item.id}}' bindtap='get_goodsDetial' data-goods='{{item.id}}'>
<view class='good_img'>
<image src='../imgs/pintuanchenggong.png' class='pintuan_img' wx:if='{{item.group_number==item.group_min_number&&item.group_status==3}}'></image>
<image src='../imgs/pintuanshibai.png' class='pintuan_img' wx:if='{{item.group_number<item.group_min_number&&item.group_status==3}}'></image>
<image src='{{item.label}}' class='label_image'></image>
<image class='goods_img_image' src='{{item.more.thumbnail}}'></image>
<view class='group_time {{item.group_status==3?"active":""}} {{item.group_status==2?"activity":""}}'>
<view wx:if='{{item.group_status==3}}'>已结束</view>
<view wx:else>
<text wx:if='{{item.group_status==1}}'>开始\t\t\t</text>
<text wx:elif='{{item.group_status==2}}' style='margin-left:-4rpx;'>结束</text> {{item.days}}天{{item.hours}}时{{item.minutes}}分
<view wx:if='{{item.group_status==3}}'>
<text wx:if='{{item.group_number==item.group_min_number}}'>拼团成功</text>
<text>拼团失败</text>
</view>
<view wx:else class=''>
<text wx:if='{{item.group_status==1}}'> 距开始{{item.daysa}}天{{item.hoursa}}时{{item.minutesa}}分</text>
<text wx:elif='{{item.group_status==2}}' style='margin-left:-4rpx;'>
<text wx:if='{{item.group_number<item.group_min_number}}'> 距结束{{item.days}}天{{item.hours}}时{{item.minutes}}分</text>
<text wx:elif='{{item.group_number==item.group_min_number}}'>拼团成功</text>
</text>
</view>
</view>
</view>
<view class='good_right goods_right'>
<view class='lijicantuan'>立即参团</view>
<view class='good_name yititle'>{{item.title}}</view>
<view class='good_stand'></view>
<view class='good_price_progressaa'>
... ... @@ -206,7 +215,7 @@
</view>
</view>
<view wx:if='{{wangge==1}}' class='wangge_box'>
<view wx:for='{{product_item}}' wx:key='{{item.id}}'>
<view wx:for='{{product_item}}' wx:key='{{item.id}}' >
<view class='classfy' bindtap='jump_web' wx:if='{{item.more.banner!=""}}' data-jump='{{item.more.banner_url}}' style='padding-top:40rpx;' wx:if='{{item.more.banner!=""}}'>
<image src='{{item.more.banner}}'></image>
</view>
... ... @@ -249,7 +258,7 @@
<image src='{{item.more.banner}}'></image>
</view> -->
<view class='collocation collections'>
<view class='collocation_box' wx:for='{{groupList}}' wx:key='{{item.id}}' data-goods='{{item.id}}' bindtap=' get_goodsDetial'>
<view class='collocation_box' wx:for='{{groupList}}' wx:key='{{index}}' wx:for-index='index' data-goods='{{item.id}}' bindtap=' get_goodsDetial'>
<view class='collocation_img'>
<view>
<view wx:if='{{item.group_status==3}}' class='zhongtu_position active'>已结束</view>
... ... @@ -259,7 +268,7 @@
<text wx:if='{{item.group_status==1}}'>开始\t\t\t</text>
<!-- <text wx:elif='{{item.group_status==2}}'>结束\t\t\t</text> {{item.days}}天{{item.hours}}小时{{item.minutes}}分 -->
<text wx:elif='{{item.group_status==2}}'>结束\t\t\t</text> {{item.days}}:{{item.hours}}:{{item.minutes}}:{{item.seconds}}
<text wx:elif='{{item.group_status==2}}'>结束\t\t\t</text>{{item.days}}天 {{item.hours}}时{{item.minutes}}分
</view>
</view>
... ... @@ -268,7 +277,7 @@
<image class='collocation_img_image_posiimg' src='{{item.label}}'></image>
</view>
<view class='collocation_content'>
<view class='lijicantuans'>立即参团</view>
<view class='zhongtu_title_hei'>{{item.title}}</view>
... ... @@ -285,9 +294,9 @@
<text class='original_price '>¥{{item.old_price}}</text>
</view>
</view>
<view class='good_btn cart_icon'>
<!-- <view class='good_btn cart_icon'>
<view class='iconfont icon-gouwuche' catchtap='show_cart_mask' data-goods='{{item.id}}'></view>
</view>
</view> -->
</view>
</view>
</view>
... ... @@ -340,7 +349,7 @@
</navigator>
</view> -->
<view class='big_img_box'>
<view class='goods_for' wx:for='{{groupList}}' wx:key='{{item.id}}' bindtap='get_goodsDetial' data-goods='{{item.id}}'>
<view class='goods_for' wx:for='{{groupList}}' wx:key bindtap='get_goodsDetial' data-goods='{{item.id}}'>
<view class='goods_for_img'>
<image class='goods_for_img_image' src='{{item.more.thumbnail}}'></image>
<image class='goods_for_img_image_posiimg' src='{{item.more.thumbnail}}'></image>
... ... @@ -349,19 +358,20 @@
<view wx:else>距离团购
<text wx:if=' {{item.group_status==1}} '>开始\t\t\t</text>
<!-- <text wx:elif='{{item.group_status==2}} '>结束\t\t\t</text> {{item.days}}天{{item.hours}}小时{{item.minutes}}分 -->
<text wx:elif='{{item.group_status==2}} '>结束\t\t\t</text> {{item.days}}:{{item.hours}}:{{item.minutes}}:{{item.seconds}}
<text wx:elif='{{item.group_status==2}}'>结束\t\t\t</text>{{item.days}}天 {{item.hours}}时{{item.minutes}}分
</view>
</view>
</view>
<view class='goods_for_font '>
<view class='good_btn cart_icons '>
<!-- <view class='good_btn cart_icons '>
<view class='iconfont icon-gouwuche ' catchtap='show_cart_mask' data-goods='{{item.id}} '></view>
</view>
</view> -->
<view class='lijicantuanss'>立即参团</view>
<view class='goods_for_font_one santitle'>{{item.title}}</view>
<progress show-info border-radius='4 ' activeColor='#ffda44 ' stroke-width='8 ' percent='{{item.percent}} ' font-size='12 '></progress>
<progress show-info border-radius='4 ' activeColor='#ffda44 ' stroke-width='8 ' percent='{{item.group_number*10}} ' font-size='12 '></progress>
<text class='group_font'>已拼{{item.group_number}}份\t\t\t\t目标{{item.group_min_number}}份</text>
<view class='goods_for_font_threes'>
<view class='goods_for_font_three_ones '>
<view class='goods_for_font_three_ones'>
<view>¥</view>
{{item.price}}
</view>
... ... @@ -383,7 +393,7 @@
<!-- <scroll-view srcoll-x style='width:100%'> -->
<!-- <swiper display-multiple-items='{{2}}' class='look_swiper '> -->
<!-- <swiper-item circular='true ' class='look_swiper-item ' wx:for='{{commentList}}' wx:key='*this'> -->
<view class='user_look_item ' wx:for='{{commentList}}' wx:key='*this'>
<view class='user_look_item ' wx:for='{{commentList}}' wx:key='{{item.id}}'>
<view class='user_look_item_image '>
<image src='{{item.show_img}}'></image>
</view>
... ... @@ -411,7 +421,7 @@
<swiper wx:if='{{(navsPhotos.length>0)}}' next-margin='40rpx' previous-margin='10rpx' circular='true' autoplay='true' display-multiple-items='1' class='swiper_banner_box {{maodianFlag?"active":""}}' interval='5000'>
<block wx:for='{{item.more.photos}}' wx:key='{{item}}'>
<!-- next-margin='40rpx' previous-margin='10rpx' circular='true' autoplay='true' display-multiple-items='1' class='swiper_banner_box' -->
<swiper-item bindtap='jump_special_list' data-specialid='{{item.id}}'>
<swiper-item bindtap='jump_special_list' data-url='{{item.jump}}'>
<image src='{{item.url}}' class="slide-image uiuiui"></image>
</swiper-item>
</block>
... ...
... ... @@ -10,7 +10,7 @@
}
.zuida.active{
height: 100%;
overflow: hidden
overflow: hidden;
}
page {
/* background-color: #fafafa; */
... ... @@ -329,7 +329,7 @@ page {
background-color: #fff;
}
.safe_box {
height: 36rpx;
height:40rpx;
display: flex;
align-items: center;
justify-content: space-around;
... ... @@ -395,6 +395,14 @@ page {
width: 100%;
height: 100%
}
.pintuan_img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-70%);
width: 90rpx!important;
height:90rpx!important;
}
.label_image {
width: 70rpx;
height: 70rpx;
... ... @@ -436,15 +444,18 @@ page {
.goods_right{
padding-top:10rpx;
box-sizing: border-box
box-sizing: border-box;
position: relative
}
.goods_rights{
padding-top:30rpx;
box-sizing: border-box;
width: calc(100% - 220rpx);
position: relative
}
.goods_right{
padding-top:8rpx
padding-top:8rpx;
position: relative
}
.good_price_three {
... ... @@ -579,7 +590,7 @@ page {
width: 267rpx;
height: 170rpx;
border-radius: 16rpx;
z-index: 10;
/* z-index: 10; */
}
.goods_name {
... ... @@ -619,7 +630,7 @@ page {
left: 0;
background-color: rgba(51,51,51,0.6);
/* background: rgba(0,0,0,0.6); */
z-index: 9999;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
... ... @@ -1175,7 +1186,7 @@ page {
font-size:22rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(51,51,51,1);
color:#fff;
line-height:30rpx;
padding-left:20rpx;
}
... ... @@ -1204,6 +1215,7 @@ page {
font-size: 30rpx;
color: #222;
padding: 22rpx;
position: relative;
}
.zhongtu_title_hei{
... ... @@ -1401,7 +1413,7 @@ page {
font-size:26rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(51,51,51,1);
color:#fff;
position: absolute;
bottom:0;
left: 0
... ... @@ -1417,7 +1429,32 @@ page {
box-sizing: border-box;
position: relative;
}
.lijicantuan,.lijicantuans,.lijicantuanss{
width: 150rpx;
height: 40rpx;
line-height: 40rpx;
text-align: center;
color: #fff;
border-radius: 20rpx;
background: #ffda44;
position: absolute;
bottom: 0;
right: 20rpx;
font-size: 26rpx;
}
.lijicantuans{
width: 130rpx;
bottom: 10rpx;
font-size: 22rpx;
right: 10rpx
}
.lijicantuanss{
width: 200rpx;
height: 50rpx;
line-height: 50rpx;
font-size: 28rpx;
border-radius: 50rpx
}
.goods_for_font_one {
height: 32rpx;
font-size: 30rpx;
... ... @@ -1658,7 +1695,7 @@ padding-left: 30rpx
font-size: 20rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: #333;
color: #fff;
line-height: 54rpx;
text-align: center;
display: flex;
... ... @@ -1953,6 +1990,7 @@ color:rgba(18,25,27,1);
position: fixed;
right: 40rpx;
top:80%;
z-index: 9999!important
}
.message_kefu{
padding:12rpx 23rpx 0;
... ... @@ -1965,7 +2003,8 @@ color:rgba(18,25,27,1);
margin:0;
padding:0;
color: #000;
font-size: 18rpx
font-size: 18rpx;
z-index: 9999
}
.icon-weixin{
color: #fff;
... ... @@ -1998,10 +2037,10 @@ color:rgba(18,25,27,1);
}
.icon-aaa{
font-size: 36rpx!important;
font-size: 34rpx!important;
color: #222;
font-weight: 500;
line-height: 36rpx;
/* line-height:30rpx; */
margin-left: -2rpx
}
.nopadding{
... ...
... ... @@ -210,7 +210,8 @@ Page({
})
}
this.setData({
show_cart_mask: false
show_cart_mask: false,
item: 1
});
},
... ...
... ... @@ -106,7 +106,7 @@
</view>
<view class='collocation_content'>
<view>{{item.title}}</view>
<view class='zhongjianwangge'>{{item.title}}</view>
<view class='introduce introduces'>{{item.excerpt}}</view>
<view>
<view class='price_big_box'>
... ...