修改UI
This commit is contained in:
parent
3ec9bbe9d5
commit
ce408a801e
|
|
@ -4,151 +4,165 @@
|
|||
* @Description: content
|
||||
-->
|
||||
<template>
|
||||
<uni-popup ref="_buy_notice" type="center">
|
||||
<view
|
||||
class="_buy_notice">
|
||||
<view class="_buy_notice_hd center">平台消费规则</view>
|
||||
<uni-popup ref="_buy_notice" type="center" :is-mask-click="false">
|
||||
<view class="_buy_notice">
|
||||
|
||||
<scroll-view class="_buy_notice_bd" scroll-y>
|
||||
<view v-html="ruleData.content"></view>
|
||||
</scroll-view>
|
||||
<view class=""
|
||||
style="width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding-top: 42rpx; padding-bottom: 42rpx; align-items: center;">
|
||||
<view style="width: 24rpx; height: 24rpx; margin-left: 32rpx;"></view>
|
||||
<view class="">平台消费规则</view>
|
||||
<image :src="$img('/static/img/close2.png')" @click="close"
|
||||
style="width: 24rpx; height: 24rpx; margin-right: 32rpx;" lazy-load></image>
|
||||
</view>
|
||||
|
||||
<view @click="isAgree = !isAgree" class="_buy_notice_agree">
|
||||
<view class="check icon">
|
||||
<image
|
||||
v-if="isAgree"
|
||||
:src="$img1('common/check_act.png')"
|
||||
lazy-load
|
||||
></image>
|
||||
<scroll-view class="_buy_notice_bd" scroll-y>
|
||||
<view v-html="ruleData.content"></view>
|
||||
</scroll-view>
|
||||
|
||||
<image v-else :src="$img1('common/check.png')" lazy-load></image>
|
||||
</view>
|
||||
|
||||
不再弹出消费规则
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="_buy_notice_ft">
|
||||
<view class="_buy_notice_ft_btn" @click="close">退出</view>
|
||||
<view class="center" style="width: 100%; margin-top: 28rpx;">
|
||||
<view class="center"
|
||||
style="background-color: #D8FD24; width: 434rpx; height: 76rpx; border-radius: 16rpx; font-size: 24rpx;"
|
||||
@click="confirm">
|
||||
<text>同意规则并继续支付</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="_buy_notice_ft_btn confirm" @click="confirm">
|
||||
<text>同意规则并继续支付</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
<view class="center" style="width: 100%; margin-top: 28rpx;">
|
||||
<view @click="isAgree = !isAgree" class=""
|
||||
style=" height: 25rpx; display: flex; flex-direction: row; align-items: center;">
|
||||
<view class="" style="padding-top: 5rpx;">
|
||||
<image style="width: 30rpx; height: 30rpx;" v-if="isAgree" :src="$img1('common/check_act.png')"
|
||||
lazy-load></image>
|
||||
|
||||
<image style="width: 30rpx; height: 30rpx;" v-else :src="$img1('common/check.png')" lazy-load>
|
||||
</image>
|
||||
</view>
|
||||
|
||||
<text style=" color: #D3D3D3; font-size: 20rpx; margin-left: 12rpx;">不再弹出消费规则</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
</uni-popup>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isAgree: false,
|
||||
ruleData: ''
|
||||
}
|
||||
},
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isAgree: false,
|
||||
ruleData: ''
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
confirm() {
|
||||
this.close()
|
||||
if (this.isAgree) {
|
||||
uni.setStorageSync('_agree_buy_notice', true)
|
||||
}
|
||||
this.$emit('confirm')
|
||||
},
|
||||
methods: {
|
||||
confirm() {
|
||||
this.close()
|
||||
if (this.isAgree) {
|
||||
uni.setStorageSync('_agree_buy_notice', true)
|
||||
}
|
||||
this.$emit('confirm')
|
||||
},
|
||||
|
||||
close() {
|
||||
this.$refs._buy_notice.close()
|
||||
},
|
||||
close() {
|
||||
this.$refs._buy_notice.close()
|
||||
},
|
||||
|
||||
open(opt) {
|
||||
this.ruleData = opt
|
||||
open(opt) {
|
||||
this.ruleData = opt
|
||||
|
||||
this.$refs._buy_notice.open()
|
||||
},
|
||||
this.$refs._buy_notice.open()
|
||||
},
|
||||
|
||||
async getRule(id, title = '') {
|
||||
let res = await this.$c.getRule(id, true)
|
||||
async getRule(id, title = '') {
|
||||
let res = await this.$c.getRule(id, true)
|
||||
|
||||
this.open({
|
||||
title: title,
|
||||
content: res.data
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
this.open({
|
||||
title: title,
|
||||
content: res.data
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
._buy_notice {
|
||||
width: 650rpx;
|
||||
background: #313133;
|
||||
border-radius: 30rpx;
|
||||
._buy_notice {
|
||||
width: 650rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 30rpx;
|
||||
|
||||
._buy_notice_hd {
|
||||
height: 140rpx;
|
||||
font-size: 50rpx;
|
||||
font-family: YouSheBiaoTiHei;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
._buy_notice_hd {
|
||||
height: 140rpx;
|
||||
font-size: 50rpx;
|
||||
font-family: YouSheBiaoTiHei;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
._buy_notice_bd {
|
||||
height: 400rpx;
|
||||
width: 570rpx;
|
||||
margin: 0 auto;
|
||||
._buy_notice_bd {
|
||||
height: 828rpx;
|
||||
width: 570rpx;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 60rpx;
|
||||
|
||||
font-size: 30rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
font-size: 30rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #D3D3D3;
|
||||
}
|
||||
|
||||
._buy_notice_agree {
|
||||
margin-top: 30rpx;
|
||||
padding: 0 40rpx;
|
||||
display: flex;
|
||||
._buy_notice_agree {
|
||||
margin-top: 30rpx;
|
||||
padding: 0 40rpx;
|
||||
display: flex;
|
||||
|
||||
.check {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.check {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
font-size: 26rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #d0d1ff;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
font-size: 26rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #d0d1ff;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
|
||||
._buy_notice_ft {
|
||||
height: 90rpx;
|
||||
display: flex;
|
||||
border-top: 1rpx solid #333;
|
||||
margin-top: 30rpx;
|
||||
._buy_notice_ft {
|
||||
height: 90rpx;
|
||||
display: flex;
|
||||
border-top: 1rpx solid #333;
|
||||
margin-top: 30rpx;
|
||||
|
||||
._buy_notice_ft_btn {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
._buy_notice_ft_btn {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #dddddd;
|
||||
}
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #dddddd;
|
||||
}
|
||||
|
||||
.confirm {
|
||||
border-left: 1rpx solid #333;
|
||||
.confirm {
|
||||
border-left: 1rpx solid #333;
|
||||
|
||||
text {
|
||||
color: transparent;
|
||||
background: #F6C0FF;
|
||||
background-clip: text;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.common_bg {
|
||||
}
|
||||
</style>
|
||||
text {
|
||||
color: transparent;
|
||||
background: #F6C0FF;
|
||||
background-clip: text;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.common_bg {}
|
||||
</style>
|
||||
|
|
@ -118,7 +118,6 @@ export default {
|
|||
z-index: 1;
|
||||
border: 0;
|
||||
filter: grayscale(0);
|
||||
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<view style="padding-bottom: 300rpx;">
|
||||
<view style="padding-bottom: 300rpx; background-color: white;">
|
||||
<view class="" style="display: flex; flex-direction: column;">
|
||||
<view style="position: relative;">
|
||||
<view class="title" :style="{marginTop: statusBarHeight + 'rpx' }">
|
||||
|
|
@ -23,14 +23,17 @@
|
|||
|
||||
<view class="grid-container">
|
||||
<view v-for="(item,index) in datas" :key="index" class="grid-item" @click="order_money(item)">
|
||||
<image src="https://bajiapi.onelight.vip/static/web/static/common/20240711134549.png"
|
||||
style="height: 430rpx; position: absolute;" mode="heightFix"></image>
|
||||
|
||||
<image :src="item.imgurl"
|
||||
style=" width: 326.39rpx; height: 326.39rpx; position: absolute; left: 2rpx;" mode=""></image>
|
||||
<view class=""
|
||||
style="background-color: #D8D8D8; height: 324rpx; border-radius: 16rpx 16rpx 0rpx 0rpx;">
|
||||
<image :src="item.imgurl"
|
||||
style=" width: 326.39rpx; height: 324rpx; position: absolute; left: 2rpx; " mode="">
|
||||
</image>
|
||||
</view>
|
||||
|
||||
<view class="goods-name">
|
||||
<text style="color: #FFF8F8FA; font-size: 27rpx;">{{item.title}}</text>
|
||||
|
||||
<view class="goods-name hang1" style="width: 100%;">
|
||||
<text style="color: #333333; font-size: 27rpx;">{{item.title}}</text>
|
||||
</view>
|
||||
|
||||
<view class="price-box">
|
||||
|
|
@ -39,10 +42,10 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="num-box">
|
||||
<view class="num ml10"> {{ item.sale_stock }}/{{ item.stock }} </view>
|
||||
<view class="box icon">
|
||||
<image :src="$img1('index/box.png')" lazy-load></image>
|
||||
</view>
|
||||
<view class="num ml10"> {{ item.sale_stock }}/{{ item.stock }} </view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
|
@ -52,7 +55,9 @@
|
|||
<uni-popup ref="pop" type="bottom">
|
||||
<view v-if="orderData" class="buy-pop relative">
|
||||
<view class="buy-pop-hd">
|
||||
<text class="ziti">确认订单</text>
|
||||
<view style="width: 24rpx;">
|
||||
</view>
|
||||
<text class="">确认订单</text>
|
||||
<view class="close icon" @click="close('pop')">
|
||||
<image :src="$img('/static/img/close2.png')" lazy-load></image>
|
||||
</view>
|
||||
|
|
@ -65,14 +70,14 @@
|
|||
</image>
|
||||
</view>
|
||||
<view class="info-r">
|
||||
<view class="hang1" style="width: 100%; color: white;">
|
||||
<view class="hang1" style="width: 100%; color: #333333; font-size: 24rpx;">
|
||||
{{ orderData.goods.title }}
|
||||
</view>
|
||||
<view class="type">类型:明信片</view>
|
||||
|
||||
<view class="price-num">
|
||||
<view class="price">
|
||||
¥<text>{{ orderData.goods.price }}</text>
|
||||
<view class="price" style="font-size: 16rpx;">
|
||||
¥<text style="font-size: 28rpx;">{{ orderData.goods.price }}</text>
|
||||
</view>
|
||||
<view class="num">×{{ orderData.goods.prize_num }}</view>
|
||||
</view>
|
||||
|
|
@ -80,10 +85,9 @@
|
|||
</view>
|
||||
|
||||
</view>
|
||||
<view class="pay-title ziti">选择支付方式</view>
|
||||
<view class="br20 mt20" style="background: #5B5B5D;">
|
||||
<view class="br20 mt20" style="background: #FFFFFF;">
|
||||
<view class="pay-type" @click="changePay(0)">
|
||||
<view class="" style="width: 100%; color: white;">
|
||||
<view class="" style="width: 100%; color: #333333;">
|
||||
微信支付
|
||||
</view>
|
||||
<view class="icon">
|
||||
|
|
@ -94,8 +98,8 @@
|
|||
</view>
|
||||
<view class="pay-type" @click="changePay(1)">
|
||||
|
||||
<view class="" style="width: 100%; color: white;">
|
||||
吧唧币
|
||||
<view class="" style="width: 100%; color: #333333;">
|
||||
吧唧币
|
||||
{{ orderData.goods.price*100 }} (剩余:{{ orderData.use_integral }})
|
||||
</view>
|
||||
|
||||
|
|
@ -440,7 +444,7 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: white;
|
||||
color: black;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
|
|
@ -453,14 +457,16 @@
|
|||
}
|
||||
|
||||
.grid-item {
|
||||
height: 430rpx;
|
||||
height: 487rpx;
|
||||
position: relative;
|
||||
background-color: #F8F8F8;
|
||||
border-radius: 0rpx 0rpx 16rpx 16rpx;
|
||||
}
|
||||
|
||||
.goods-name {
|
||||
position: absolute;
|
||||
left: 25rpx;
|
||||
bottom: 60rpx;
|
||||
bottom: 90rpx;
|
||||
}
|
||||
|
||||
.price-box {
|
||||
|
|
@ -473,12 +479,8 @@
|
|||
|
||||
.price {
|
||||
font-weight: 500;
|
||||
font-size: 24rpx;
|
||||
color: #F8D300;
|
||||
|
||||
text {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
font-size: 16rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -490,15 +492,15 @@
|
|||
right: 20rpx;
|
||||
|
||||
.num {
|
||||
font-size: 24rpx;
|
||||
font-size: 16rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #cccccc;
|
||||
color: #6C6C6C;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
width: 18rpx;
|
||||
height: 16rpx;
|
||||
margin-left: 6rpx;
|
||||
}
|
||||
|
||||
|
|
@ -508,9 +510,10 @@
|
|||
.buy-pop {
|
||||
padding: 0 30rpx;
|
||||
box-sizing: border-box;
|
||||
background: #1C1B20;
|
||||
background: #F7F7F7;
|
||||
padding-bottom: 200rpx;
|
||||
z-index: 999;
|
||||
border-radius: 16rpx 16rpx 0rpx 0rpx;
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
|
|
@ -519,11 +522,10 @@
|
|||
left: 0;
|
||||
width: 750rpx;
|
||||
height: 62rpx;
|
||||
background: url($imgurl+'common/ding.png') no-repeat 0 0 / 100% 100%;
|
||||
}
|
||||
|
||||
.buy-pop-hd {
|
||||
padding: 20rpx 0;
|
||||
padding: 40rpx 0;
|
||||
padding-left: 10rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
@ -532,19 +534,19 @@
|
|||
>text {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.close {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.buy-card {
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx 30rpx 30rpx 30rpx;
|
||||
background: #5B5B5D;
|
||||
background: #FFFFFF;
|
||||
|
||||
.buy-info {
|
||||
display: flex;
|
||||
|
|
@ -565,36 +567,35 @@
|
|||
|
||||
.title {
|
||||
font-size: 32rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.hang1 {}
|
||||
|
||||
.type {
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-size: 20rpx;
|
||||
font-weight: 400;
|
||||
color: #dddddd;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.price-num {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 16rpx;
|
||||
|
||||
.price {
|
||||
ffont-weight: 500;
|
||||
font-size: 35rpx;
|
||||
color: #F6C0FF;
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.num {
|
||||
font-size: 28rpx;
|
||||
font-size: 20rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -689,10 +690,10 @@
|
|||
display: flex;
|
||||
margin-top: 30rpx;
|
||||
|
||||
font-size: 24rpx;
|
||||
font-size: 20rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
color: #999999;
|
||||
line-height: 32rpx;
|
||||
|
||||
.icon {
|
||||
|
|
@ -703,40 +704,38 @@
|
|||
}
|
||||
|
||||
.rule {
|
||||
height: 82rpx;
|
||||
padding: 20rpx;
|
||||
background: #5B5B5D;
|
||||
background: #F9F8E1;
|
||||
border-radius: 20rpx;
|
||||
box-sizing: border-box;
|
||||
margin: 20rpx 0 0;
|
||||
|
||||
.rule-inner {
|
||||
max-height: 160rpx;
|
||||
|
||||
font-size: 20rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
.pay-btn {
|
||||
margin: 30rpx auto 0;
|
||||
width: 406rpx;
|
||||
height: 116rpx;
|
||||
width: 686rpx;
|
||||
height: 84rpx;
|
||||
background: url($imgurl+'common/payBtn.png') no-repeat 0 0 / 100% 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 500;
|
||||
color: #7825DE;
|
||||
color: #CDEF27;
|
||||
|
||||
>text:nth-child(1) {
|
||||
font-size: 28rpx;
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
|
||||
>text:nth-child(2) {
|
||||
font-size: 36rpx;
|
||||
margin-top: 26rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<uni-nav-bar title="我的盒柜" color="#fff" backgroundColor="transparent" :fixed="true" :statusBar="true"
|
||||
<uni-nav-bar title="我的盒柜" color="#000000" backgroundColor="transparent" :fixed="true" :statusBar="true"
|
||||
:border="false" @clickLeft="$c.back"></uni-nav-bar>
|
||||
|
||||
<view class="tab">
|
||||
|
|
@ -13,10 +13,10 @@
|
|||
:up="upOption">
|
||||
<template v-if="tabList[tabCur].id == 1">
|
||||
<view class="search">
|
||||
<view class="input-box br10">
|
||||
<input v-model="keyword" placeholder-style="color:#CCCCCC;" placeholder="请输入关键字" />
|
||||
<view class="input-box">
|
||||
<input v-model="keyword" placeholder-style="color:#8A8A8A;" placeholder="请输入关键字" />
|
||||
<view class="icon" @click="tabChange(tabCur)">
|
||||
<uni-icons type="search" color="#ff873a"></uni-icons>
|
||||
<uni-icons type="search" color="#8A8A8A"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
<view class="rule column align-center" @click="$refs.rulePop.getRule(10, '发货规则')">
|
||||
|
|
@ -30,16 +30,43 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="num-all">
|
||||
<view class="num">
|
||||
共
|
||||
<text>{{ nowNum }}</text>
|
||||
个赏品
|
||||
<view class="flex row">
|
||||
<view class="num">
|
||||
共
|
||||
<text>{{ nowNum }}</text>
|
||||
个赏品
|
||||
</view>
|
||||
<view class="all" style="margin-left: 30rpx;">
|
||||
已选
|
||||
<text>{{ nowChooseNum }}</text>
|
||||
个
|
||||
</view>
|
||||
</view>
|
||||
<view class="all">
|
||||
已选
|
||||
<text>{{ nowChooseNum }}</text>
|
||||
个
|
||||
|
||||
<view class="flex row" v-if="tabList[tabCur].id == 1">
|
||||
|
||||
<view class="flex center" @click="tabChange(tabCur)"
|
||||
style="width: 88rpx; height: 40rpx; background-color: #F5F5F5; border-radius: 8rpx;">
|
||||
<text style="color: #333333; font-size: 20rpx;">刷新</text>
|
||||
</view>
|
||||
|
||||
<view class="" @click="chooseAll">
|
||||
<view v-if="isAll" class="flex center"
|
||||
style="width: 88rpx; height: 40rpx; background-color: #E6F791; border-radius: 8rpx; margin-left: 32rpx;">
|
||||
<text style="color: #333333; font-size: 20rpx;">全选</text>
|
||||
</view>
|
||||
<view v-else class="flex center"
|
||||
style="width: 88rpx; height: 40rpx; background-color: #F5F5F5; border-radius: 8rpx; margin-left: 32rpx;">
|
||||
<text style="color: #333333; font-size: 20rpx;">全选</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
<view class="list">
|
||||
|
|
@ -86,7 +113,9 @@
|
|||
<view class="pic">
|
||||
<image :src="a.goodslist_imgurl" lazy-load></image>
|
||||
<view class="num center">×{{ a.prize_num }}</view>
|
||||
<view class="num" style="left:auto;right:0;border-radius:0rpx 0rpx 0rpx 15rpx;background: #FF4D1E;" v-if="a.fh_status==1">已发货</view>
|
||||
<view class="num"
|
||||
style="left:auto;right:0;border-radius:0rpx 0rpx 0rpx 15rpx;background: #FF4D1E;"
|
||||
v-if="a.fh_status==1">已发货</view>
|
||||
</view>
|
||||
|
||||
<view class="title hang1">
|
||||
|
|
@ -102,7 +131,7 @@
|
|||
</view>
|
||||
</mescroll-body>
|
||||
|
||||
<view class="right-fixed" v-if="tabList[tabCur].id == 1">
|
||||
<!-- <view class="right-fixed" v-if="tabList[tabCur].id == 1">
|
||||
<view class="fbtn" @click="tabChange(tabCur)">
|
||||
<image :src="$img1('shangdai/shuaxin.png')"></image>
|
||||
</view>
|
||||
|
|
@ -111,7 +140,7 @@
|
|||
<image v-if="isAll" :src="$img1('shangdai/unallcheck.png')"></image>
|
||||
<image v-else :src="$img1('shangdai/allcheck.png')"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<view v-if="tabList[tabCur].id == 1" class="bt-fixed">
|
||||
<template v-if="subTab[subTabCur].id != 4">
|
||||
|
|
@ -903,6 +932,7 @@
|
|||
<style lang="scss">
|
||||
.content {
|
||||
box-sizing: border-box;
|
||||
background-color: #FFFFFF;
|
||||
padding-bottom: calc(var(--window-bottom) + 240rpx);
|
||||
|
||||
image {
|
||||
|
|
@ -927,12 +957,11 @@
|
|||
height: 68rpx;
|
||||
position: relative;
|
||||
margin-right: 25rpx;
|
||||
font-family: YouSheBiaoTiHei;
|
||||
|
||||
&.act {
|
||||
font-weight: 400;
|
||||
font-size: 36rpx;
|
||||
color: #ff873a;
|
||||
color: #333333;
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
|
|
@ -942,7 +971,7 @@
|
|||
transform: translateX(-50%);
|
||||
width: 48rpx;
|
||||
height: 4rpx;
|
||||
background: #ff873a;
|
||||
background: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -964,18 +993,16 @@
|
|||
.input-box {
|
||||
width: 615rpx;
|
||||
height: 70rpx;
|
||||
background: #3E291C;
|
||||
border: 1px solid #ff873a;
|
||||
background: #F3F3F3;
|
||||
box-sizing: border-box;
|
||||
padding: 0 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 32rpx;
|
||||
|
||||
input {
|
||||
flex: 1;
|
||||
|
||||
font-size: 26rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
}
|
||||
|
|
@ -1004,13 +1031,12 @@
|
|||
font-weight: 400;
|
||||
|
||||
&.act {
|
||||
color: #FFFFFF;
|
||||
text-shadow: #121212 1rpx 0 0, #121212 0 1rpx 0, #121212 -1rpx 0 0, #121212 0 -1rpx 0;
|
||||
color: #333333;
|
||||
background: url($imgurl+'index/checkTab.png') no-repeat 0 0 / 100% 100%;
|
||||
}
|
||||
|
||||
&.unact {
|
||||
color: #D6D6D6;
|
||||
color: #333333;
|
||||
background: url($imgurl+'index/uncheckTab.png') no-repeat 0 0 / 100% 100%;
|
||||
}
|
||||
}
|
||||
|
|
@ -1029,10 +1055,10 @@
|
|||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
color: #8A8A8A;
|
||||
|
||||
text {
|
||||
color: #ff873a;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -282,7 +282,8 @@
|
|||
<view class="" style="width: 60rpx;"></view>
|
||||
<text class="" style="font-size: 28rpx;">确认订单</text>
|
||||
<view class="close icon" @click="close('buyPop')">
|
||||
<image :src="$img('/static/img/close2.png')" style="width: 24rpx; height: 24rpx;" lazy-load></image>
|
||||
<image :src="$img('/static/img/close2.png')" style="width: 24rpx; height: 24rpx;" lazy-load>
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
|
@ -339,51 +340,53 @@
|
|||
</view>
|
||||
</view>
|
||||
|
||||
<view class="line"></view>
|
||||
<!-- <view class="line"></view> -->
|
||||
|
||||
<template v-if="pageData.goods.type != 5">
|
||||
<view class="card-row" @click="toCoupon">
|
||||
<view class="title">优惠券</view>
|
||||
|
||||
<view class="row-r">
|
||||
{{
|
||||
couponData && orderData.coupon_price > 0
|
||||
? `-${couponData.price}`
|
||||
: '未选择'
|
||||
}}
|
||||
|
||||
<view class="icon">
|
||||
<image :src="$img1('common/right1.png')" lazy-load></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="card-row" @click="$c.to({ url: '/pages/user/vip' })">
|
||||
<view class="title">
|
||||
{{
|
||||
orderData.zhe
|
||||
? `会员折扣 (${orderData.zhe}折)`
|
||||
: '暂无会员抵扣'
|
||||
}}
|
||||
</view>
|
||||
|
||||
<view class="row-r">
|
||||
详情
|
||||
|
||||
<view class="icon">
|
||||
<image :src="$img1('common/right1.png')" lazy-load></image>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</template>
|
||||
</view>
|
||||
|
||||
<view v-if="!(pageData.goods.type == 6 && !getBtnXianShi(0))" class="pay-title ziti">请选择抵扣方式</view>
|
||||
<template v-if="pageData.goods.type != 5">
|
||||
<view class="card-row" @click="toCoupon">
|
||||
<view class="title">优惠券</view>
|
||||
|
||||
<view class="row-r">
|
||||
{{
|
||||
couponData && orderData.coupon_price > 0
|
||||
? `-${couponData.price}`
|
||||
: '未选择'
|
||||
}}
|
||||
|
||||
<view class="icon">
|
||||
<image :src="$img1('common/right1.png')" lazy-load></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="card-row" @click="$c.to({ url: '/pages/user/vip' })">
|
||||
<view class="title">
|
||||
{{
|
||||
orderData.zhe
|
||||
? `会员折扣 (${orderData.zhe}折)`
|
||||
: '暂无会员抵扣'
|
||||
}}
|
||||
</view>
|
||||
|
||||
<view class="row-r">
|
||||
详情
|
||||
|
||||
<view class="icon">
|
||||
<image :src="$img1('common/right1.png')" lazy-load></image>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</template>
|
||||
|
||||
<!-- <view v-if="!(pageData.goods.type == 6 && !getBtnXianShi(0))" class="pay-title ziti">请选择抵扣方式</view> -->
|
||||
|
||||
<view v-if="pageData.goods.type == 5" class="pay-type">
|
||||
<view class="icon">
|
||||
<!-- <view class="icon">
|
||||
<image :src="$img('/static/img/pay_type3.png')" lazy-load></image>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="title">
|
||||
使用积分抵扣
|
||||
{{ orderData.use_score }} (剩余:{{ orderData.score }})
|
||||
|
|
@ -401,9 +404,9 @@
|
|||
|
||||
<template v-else>
|
||||
<view class="pay-type" @click="changePay('useIntegral')">
|
||||
<view class="icon">
|
||||
<!-- <view class="icon">
|
||||
<image :src="$img('/static/img/pay_type1.png')" lazy-load></image>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<view class="title">
|
||||
使用吧唧币抵扣¥ {{ orderData.use_integral_money }} (剩余:{{ orderData.integral }}个)
|
||||
|
|
@ -417,9 +420,9 @@
|
|||
</view>
|
||||
|
||||
<view class="pay-type" @click="changePay('useMoney')">
|
||||
<view class="icon">
|
||||
<!-- <view class="icon">
|
||||
<image :src="$img('/static/img/pay_type2.png')" lazy-load></image>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<view class="title">
|
||||
使用星钻抵扣¥
|
||||
|
|
@ -1683,10 +1686,47 @@
|
|||
}
|
||||
}
|
||||
|
||||
.card-row {
|
||||
padding: 16rpx 0;
|
||||
display: flex;
|
||||
height: 82rpx;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 24rpx;
|
||||
border-radius: 16rpx;
|
||||
background-color: #fff;
|
||||
|
||||
.title {
|
||||
font-size: 20rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
margin-left: 24rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.row-r {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
font-size: 24rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
|
||||
.icon {
|
||||
width: 10rpx;
|
||||
height: 17rpx;
|
||||
color: #999999;
|
||||
margin-left: 10rpx;
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.buy-card {
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx 30rpx 10rpx;
|
||||
background: #5B5B5D;
|
||||
background: #FFFFFF;
|
||||
|
||||
.buy-info {
|
||||
display: flex;
|
||||
|
|
@ -1706,8 +1746,8 @@
|
|||
padding: 10rpx 0 10rpx 30rpx;
|
||||
|
||||
.title {
|
||||
font-size: 32rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-size: 24rpx;
|
||||
// font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
|
|
@ -1715,8 +1755,8 @@
|
|||
.hang1 {}
|
||||
|
||||
.type {
|
||||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-size: 20rpx;
|
||||
// font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
}
|
||||
|
|
@ -1728,11 +1768,11 @@
|
|||
|
||||
.price {
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
font-size: 16rpx;
|
||||
color: #333333;
|
||||
|
||||
text {
|
||||
font-size: 36rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1740,7 +1780,7 @@
|
|||
font-size: 28rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1795,7 +1835,7 @@
|
|||
margin-top: 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #313133;
|
||||
background: #FFFFFF;
|
||||
|
||||
.icon {
|
||||
width: 32rpx;
|
||||
|
|
@ -1807,7 +1847,7 @@
|
|||
padding: 0 20rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1816,7 +1856,7 @@
|
|||
margin-top: 30rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
color: #999999;
|
||||
line-height: 32rpx;
|
||||
|
||||
.icon {
|
||||
|
|
@ -1832,35 +1872,35 @@
|
|||
box-sizing: border-box;
|
||||
margin: 20rpx 0 0;
|
||||
height: 160rpx;
|
||||
background: #313133;
|
||||
background: #F9F8E1;
|
||||
border-radius: 20rpx;
|
||||
|
||||
.rule-inner {
|
||||
max-height: 120rpx;
|
||||
font-size: 20rpx;
|
||||
font-weight: 400;
|
||||
color: #dddddd;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
.pay-btn {
|
||||
margin: 30rpx auto 0;
|
||||
width: 406rpx;
|
||||
height: 116rpx;
|
||||
width: 686rpx;
|
||||
height: 84rpx;
|
||||
background: url($imgurl+'common/payBtn.png') no-repeat 0 0 / 100% 100%;
|
||||
display: flex;
|
||||
margin-bottom: 90rpx;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 500;
|
||||
color: #7825DE;
|
||||
color: #CDEF27;
|
||||
|
||||
>text:nth-child(1) {
|
||||
font-size: 28rpx;
|
||||
margin-top: 32rpx;
|
||||
}
|
||||
|
||||
>text:nth-child(2) {
|
||||
font-size: 36rpx;
|
||||
margin-top: 26rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -41,7 +41,7 @@
|
|||
<view class="box column align-center">
|
||||
<image :src="$img1('common/box.png')"></image>
|
||||
<text class="mt10">
|
||||
剩余{{ v.surplus_all_stock }}张
|
||||
{{ v.surplus_all_stock }}
|
||||
</text>
|
||||
</view>
|
||||
<view class="type-list">
|
||||
|
|
@ -222,8 +222,8 @@
|
|||
align-items: center;
|
||||
|
||||
image {
|
||||
width: 112rpx;
|
||||
height: 68rpx;
|
||||
width: 96rpx;
|
||||
height: 96rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -261,8 +261,8 @@
|
|||
margin-left: 20rpx;
|
||||
|
||||
>image {
|
||||
width: 114rpx;
|
||||
height: 98rpx;
|
||||
width: 102rpx;
|
||||
height: 66rpx;
|
||||
}
|
||||
|
||||
>text {
|
||||
|
|
|
|||
|
|
@ -72,7 +72,8 @@
|
|||
|
||||
<view class="qbt_con">
|
||||
<view v-for="(item, index) in listdata" :key="index" class="qbt_con_item" @click="todetails(item)">
|
||||
<view class="list_1 center" style="background-color: #D8D8D8; border-radius: 16rpx 16rpx 0rpx 0rpx;">
|
||||
<view class="list_1 center"
|
||||
style="background-color: #D8D8D8; border-radius: 16rpx 16rpx 0rpx 0rpx;">
|
||||
<image :src="item.imgurl" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="list_2">
|
||||
|
|
@ -161,7 +162,7 @@
|
|||
</view> -->
|
||||
|
||||
<!-- 邀请好友 -->
|
||||
<!-- <view class="group-fixed2" @tap="$c.to({url:'/pages/user/tui-guang'})">
|
||||
<!-- <view class="group-fixed2" @tap="$c.to({url:'/pages/user/tui-guang'})">
|
||||
<image :src="$img1('image/yaoqing.png')"></image>
|
||||
</view> -->
|
||||
|
||||
|
|
@ -934,11 +935,12 @@
|
|||
// background: url($imgurl+'common/goodsBg.png') no-repeat 0 0 / 100% 100%;
|
||||
|
||||
.image1 {
|
||||
width: 80rpx;
|
||||
width: 38rpx;
|
||||
height: 30rpx;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
top: -1rpx;
|
||||
left: 10rpx;
|
||||
top: 10rpx;
|
||||
right: 10rpx;
|
||||
}
|
||||
|
||||
.image3 {
|
||||
|
|
|
|||
|
|
@ -182,8 +182,9 @@
|
|||
position: relative;
|
||||
padding: 16rpx 18rpx;
|
||||
font-size: 20rpx;
|
||||
font-family: Source Han Sans CN;
|
||||
// font-family: Source Han Sans CN;
|
||||
font-weight: 400;
|
||||
border-radius: 8rpx;
|
||||
color: #cccccc;
|
||||
|
||||
// .arrow {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user