root
/
school_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1

master
tianyi 1 month ago
parent
1014f27763
commit
3df5fd1c2e
3 changed files with 332 additions and 255 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      package1/buyFood/buyFood.vue
  2. 1
      package1/order/orderDetail.vue
  3. 486
      package1/order/returnOrder.vue

2
package1/buyFood/buyFood.vue
View File

@ -1345,6 +1345,8 @@
border: 2rpx solid #e8eeee;
margin: 0 18rpx 0 0;
background: #fff;
text-align: center;
line-height: 42rpx;
}
.buy-bottom {

1
package1/order/orderDetail.vue
View File

@ -1108,7 +1108,6 @@
that.$forceUpdate();
} else {
that.tui.toast(res.message);
return;
}
uni.hideLoading();
}).catch((res) => {});

486
package1/order/returnOrder.vue
View File

@ -18,7 +18,9 @@
<view style="width: 100%;line-height: 70rpx;font-size: 28rpx;font-weight: 700;">
{{orderDetail.shopName}}
</view>
<view v-for="(item1,index1) in orderDetail.goodsList" :key="index1" v-if="orderDetail.goodsList != null && orderDetail.goodsList.length > 0" style="display: flex;padding: 20rpx;background: rgba(247, 248, 248, 0.6);border-radius: 20rpx;">
<view v-for="(item1,index1) in orderDetail.goodsList" :key="index1"
v-if="orderDetail.goodsList != null && orderDetail.goodsList.length > 0"
style="display: flex;padding: 20rpx;background: rgba(247, 248, 248, 0.6);border-radius: 20rpx;">
<view class="goods-img">
<img :src="item1.productPicture" alt="">
</view>
@ -40,7 +42,7 @@
</view>
<view class="goods-content-center">
<view class="goods-deal1">
{{item1.specs}}
{{item1.specs | delNode}}
</view>
</view>
<view class="goods-content-bottom">
@ -54,7 +56,8 @@
</view>
</view>
<view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.packageFee != null && orderDetail.packageFee > 0">
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="orderDetail.packageFee != null && orderDetail.packageFee > 0">
<view style="flex: 1;color: #777;font-weight: 700;">
打包费
</view>
@ -62,7 +65,8 @@
￥{{orderDetail.packageFee}}
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.deliveryType == 1">
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="orderDetail.deliveryType == 1">
<view style="flex: 1;color: #777;font-weight: 700;">
配送费
</view>
@ -70,7 +74,8 @@
￥{{orderDetail.deliveryFee}}
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.userCouponNum > 0">
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="orderDetail.userCouponNum > 0">
<view style="flex: 1;color: #777;font-weight: 700;">
优惠券
</view>
@ -79,7 +84,8 @@
</view>
</view>
</view>
<view style="display: flex;height: 80rpx;line-height: 100rpx;border-top: 1px solid #eee;font-size: 32rpx;font-weight: 700;">
<view
style="display: flex;height: 80rpx;line-height: 100rpx;border-top: 1px solid #eee;font-size: 32rpx;font-weight: 700;">
<view style="flex: 1;">
实付
</view>
@ -98,7 +104,8 @@
北校区1号宿舍楼5楼512(0702)
</view>
</view> -->
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.numberCode != null">
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="orderDetail.numberCode != null">
<view style="flex: 1;color: #777;font-weight: 700;">
订单号
</view>
@ -114,18 +121,21 @@
{{orderDetail.createTime | formatTime}}
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.deliveryType == 1">
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="orderDetail.deliveryType == 1">
<view style="flex: 1;color: #777;font-weight: 700;">
配送员
</view>
<view style="color: #000;font-weight: 700;" v-if="orderDetail.deliveryInfo.workerId != null && orderDetail.deliveryInfo.workerId != ''">
<view style="color: #000;font-weight: 700;"
v-if="orderDetail.deliveryInfo.workerId != null && orderDetail.deliveryInfo.workerId != ''">
{{orderDetail.deliveryInfo.workerName != null ? orderDetail.deliveryInfo.workerName : ''}}
</view>
<view style="color: #000;font-weight: 700;" v-else>
未指定等待接单中
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.deliveryType == 1 && orderDetail.deliveryInfo.workerId">
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="orderDetail.deliveryType == 1 && orderDetail.deliveryInfo.workerId">
<view style="flex: 1;color: #777;font-weight: 700;">
配送员接单时间
</view>
@ -133,15 +143,18 @@
{{orderDetail.deliveryInfo.acceptTime | formatTime}}
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.deliveryType == 1">
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="orderDetail.deliveryType == 1">
<view style="flex: 1;color: #777;font-weight: 700;">
商家出餐时间
</view>
<view style="color: #000;font-weight: 700;" v-if="orderDetail.deliveryInfo.workerId != null && orderDetail.deliveryInfo.workerId != ''">
<view style="color: #000;font-weight: 700;"
v-if="orderDetail.deliveryInfo.workerId != null && orderDetail.deliveryInfo.workerId != ''">
{{orderDetail.shopMakeTime ? orderDetail.shopMakeTime : '' | formatTime}}
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.deliveryType == 1 && orderDetail.deliveryInfo.workerId != ''">
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="orderDetail.deliveryType == 1 && orderDetail.deliveryInfo.workerId != ''">
<view style="flex: 1;color: #777;font-weight: 700;">
配送员到店时间
</view>
@ -149,7 +162,8 @@
{{orderDetail.deliveryInfo.arriveTime ? orderDetail.deliveryInfo.arriveTime : '' | formatTime}}
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.deliveryType == 1 && orderDetail.deliveryInfo.workerId != ''">
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="orderDetail.deliveryType == 1 && orderDetail.deliveryInfo.workerId != ''">
<view style="flex: 1;color: #777;font-weight: 700;">
配送员取货时间
</view>
@ -157,7 +171,8 @@
{{orderDetail.deliveryInfo.getTime ? orderDetail.deliveryInfo.getTime : '' | formatTime}}
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.deliveryType == 1 && orderDetail.deliveryInfo.workerId != ''">
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="orderDetail.deliveryType == 1 && orderDetail.deliveryInfo.workerId != ''">
<view style="flex: 1;color: #777;font-weight: 700;">
配送员送达时间
</view>
@ -166,7 +181,8 @@
</view>
</view>
<view style="height: 80rpx;line-height: 80rpx;display: flex;" v-if="orderDetail.deliveryType == 1">
<view style="height: 80rpx;line-height: 80rpx;display: flex;"
v-if="orderDetail.deliveryType == 1">
<view style="flex: 1;color: #777;font-weight: 700;">
送达时间
</view>
@ -174,7 +190,8 @@
{{orderDetail.deliveryInfo.finishTime ? orderDetail.deliveryInfo.finishTime : '尽快送达' | formatTime}}
</view>
</view>
<view style="height: 160rpx;line-height: 160rpx;display: flex;" v-if="orderDetail.deliveryType == 1">
<view style="height: 160rpx;line-height: 160rpx;display: flex;"
v-if="orderDetail.deliveryType == 1">
<view style="flex: 1;color: #777;font-weight: 700;">
上传图片
</view>
@ -184,28 +201,29 @@
<uni-icons type="camera" size="28" color="#777"></uni-icons>
</view>
<view style="overflow-x: scroll;display: flex;width: 350rpx;">
<view v-if="returnData.pictures !=''" style="width: 160rpx;height: 160rpx;margin-left: 20rpx;">
<view v-if="returnData.pictures !=''"
style="width: 160rpx;height: 160rpx;margin-left: 20rpx;">
<img :src="returnData.pictures" alt="" class="upload-img">
</view>
</view>
</view>
</view>
<view style="height: 170rpx;line-height: 170rpx;display: flex;margin-top: 40rpx;" v-if="orderDetail.deliveryType == 1">
<view style="height: 170rpx;line-height: 170rpx;display: flex;margin-top: 40rpx;"
v-if="orderDetail.deliveryType == 1">
<view style="flex: 1;color: #777;font-weight: 700;">
订单备注
</view>
<view style="height: 200rpx;background: rgba(247, 248, 248, 0.6);border-radius: 40rpx;padding: 20rpx;width: 70%;">
<textarea name="" id="" cols="30" rows="10" placeholder="请填写备注" v-model="returnData.reason"
style="height: 160rpx;width: 100%;"></textarea>
<view
style="height: 200rpx;background: rgba(247, 248, 248, 0.6);border-radius: 40rpx;padding: 20rpx;width: 70%;">
<textarea name="" id="" cols="30" rows="10" placeholder="请填写备注"
v-model="returnData.reason" style="height: 160rpx;width: 100%;"></textarea>
</view>
</view>
<view class="btn"
@tap.stop="$refs.carPopup.open()">
<view class="btn" @tap.stop="$refs.carPopup.open()">
售后原因
</view>
<view class="btn"
@tap.stop="submit()">
<view class="btn" @tap.stop="submit()">
申请售后￥{{returnData.refundAmount}}
</view>
</view>
@ -223,7 +241,7 @@
选择退款原因
</view>
<view style="padding: 0 20rpx;">
<view style="height:80rpx;" v-if="orderDetail.deliveryType ==1 && orderDetail.otherOrder != 1">
<view style="height:80rpx;" v-if="orderDetail.deliveryType ==1 && orderDetail.otherOrder != 1">
<radio :checked="sellTime==0" name="sellTime" @click="checkSellTime(0)" />
商品退款
</view>
@ -231,7 +249,7 @@
<radio :checked="sellTime==1" name="sellTime" @click="checkSellTime(1)" />
退配送费
</view>
<view style="height:80rpx;" v-if="orderDetail.otherOrder != 1">
<view style="height:80rpx;" v-if="orderDetail.otherOrder != 1">
<radio :checked="sellTime==2" name="sellTime" @click="checkSellTime(2)" />
全额退款（商家原因）
</view>
@ -240,12 +258,12 @@
<radio :checked="sellTime==3" name="sellTime" @click="checkSellTime(3)" />
全额退款（配送员原因）
</view>
<view style="height:80rpx;" v-if="orderDetail.deliveryType ==1 && orderDetail.otherOrder != 1">
<view style="height:80rpx;" v-if="orderDetail.deliveryType ==1 && orderDetail.otherOrder != 1">
<radio :checked="sellTime==4" name="sellTime" @click="checkSellTime(4)" />
全额退款（商家+配送员原因）
</view>
</view>
<view class="btn" @tap="chooseReturnType()">确认</view>
<view class="btn" @tap="chooseReturnType()">确认</view>
</view>
</uni-popup>
@ -253,7 +271,8 @@
<view class="guize-list">
<view style="height: 80rpx;line-height: 80rpx;font-size: 36rpx;font-weight: 700;text-align: center;">
确定要取消订单吗
<text v-if="payData.status == 2 || payData.status == 3 || payData.status == 4 || payData.status == 4">取消订单需要商家同意</text>
<text
v-if="payData.status == 2 || payData.status == 3 || payData.status == 4 || payData.status == 4">取消订单需要商家同意</text>
</view>
<view class="btn" @tap="returnOrder()">
确认取消
@ -267,66 +286,83 @@
export default {
data() {
return {
sellTime:0,
pintuan:false,
sellTime: 0,
pintuan: false,
menuButtonInfo: {},
orderId:'',
vModelValue:0,
returnData:{
refundAmount:0
orderId: '',
vModelValue: 0,
returnData: {
refundAmount: 0
},
payData:{},
orderDetail:{},
codeImg:'https://jewel-shop.oss-cn-beijing.aliyuncs.com/3a4e68eb14d7417cbb4f15fa85907c64.jpg'
payData: {},
orderDetail: {},
codeImg: 'https://jewel-shop.oss-cn-beijing.aliyuncs.com/3a4e68eb14d7417cbb4f15fa85907c64.jpg'
}
},
components: {
},
filters: {
formatHourMinute(value) {
if (!value) return '';
formatHourMinute(value) {
if (!value) return '';
const date = new Date(value);
const date = new Date(value);
// 获取日 (getDate)，并补齐0
const day = String(date.getDate()).padStart(2, '0');
// 获取日 (getDate)，并补齐0
const day = String(date.getDate()).padStart(2, '0');
// 获取小时 (getHours)，并补齐0
const hour = String(date.getHours()).padStart(2, '0');
// 获取小时 (getHours)，并补齐0
const hour = String(date.getHours()).padStart(2, '0');
// 获取分钟 (getMinutes)，并补齐0
const minute = String(date.getMinutes()).padStart(2, '0');
// 获取分钟 (getMinutes)，并补齐0
const minute = String(date.getMinutes()).padStart(2, '0');
// 拼接格式：日-日-时:分
return `${day}-${hour}:${minute}`;
},
formatTime(value) {
if (!value) return '';
// 拼接格式：日-日-时:分
return `${day}-${hour}:${minute}`;
},
formatTime(value) {
if (!value) return '';
const date = new Date(value);
const date = new Date(value);
// 获取年份
const year = date.getFullYear();
// 获取年份
const year = date.getFullYear();
// 获取月份 (getMonth 返回 0-11，所以需要 +1)，并补齐0
const month = String(date.getMonth() + 1).padStart(2, '0');
// 获取月份 (getMonth 返回 0-11，所以需要 +1)，并补齐0
const month = String(date.getMonth() + 1).padStart(2, '0');
// 获取日 (getDate)，并补齐0
const day = String(date.getDate()).padStart(2, '0');
// 获取日 (getDate)，并补齐0
const day = String(date.getDate()).padStart(2, '0');
// 获取小时 (getHours)，并补齐0
const hour = String(date.getHours()).padStart(2, '0');
// 获取小时 (getHours)，并补齐0
const hour = String(date.getHours()).padStart(2, '0');
// 获取分钟 (getMinutes)，并补齐0
const minute = String(date.getMinutes()).padStart(2, '0');
// 获取分钟 (getMinutes)，并补齐0
const minute = String(date.getMinutes()).padStart(2, '0');
// 获取秒 (getSeconds)，并补齐0
const second = String(date.getSeconds()).padStart(2, '0');
// 获取秒 (getSeconds)，并补齐0
const second = String(date.getSeconds()).padStart(2, '0');
// 拼接格式：年-月-日 时:分:秒
return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
},
delNode(data) {
// 1. 统一转为字符串
let str;
if (typeof data === 'object' && data !== null) {
// 对象或数组 → JSON 字符串
str = JSON.stringify(data);
} else if (typeof data === 'string') {
str = data;
} else {
// 其他类型（数字、布尔等）先转字符串
str = String(data);
}
// 拼接格式：年-月-日 时:分:秒
return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
}
// 2. 删除所有大括号 { } 和双引号 "
const result = str.replace(/[{}"]/g, '');
return result;
}
},
onLoad(option) {
if (option.order) {
@ -338,32 +374,32 @@
this.$refs.carPopup.open();
},
methods: {
chooseReturnType(){
chooseReturnType() {
this.$refs.carPopup.close()
if(this.sellTime == 0){
if (this.sellTime == 0) {
this.returnData.refundAmount = 0
this.returnData.refundType = 1
}else if(this.sellTime == 1){
} else if (this.sellTime == 1) {
this.returnData.refundAmount = this.orderDetail.deliveryFee
this.returnData.refundType = 2
}else if(this.sellTime == 2){
} else if (this.sellTime == 2) {
this.returnData.refundAmount = this.orderDetail.totalAmount
this.returnData.refundType = 3
this.returnData.refundTypeStatus = 1
}else if(this.sellTime == 3){
} else if (this.sellTime == 3) {
this.returnData.refundAmount = this.orderDetail.totalAmount
this.returnData.refundType = 3
this.returnData.refundTypeStatus = 2
}else{
} else {
this.returnData.refundAmount = this.orderDetail.totalAmount
this.returnData.refundType = 3
this.returnData.refundTypeStatus = 3
}
this.changeProduct()
},
changeProduct(){
for(let i = 0; i< this.orderDetail.goodsList.length;i++){
if(this.orderDetail.goodsList[i].returnCount){
changeProduct() {
for (let i = 0; i < this.orderDetail.goodsList.length; i++) {
if (this.orderDetail.goodsList[i].returnCount) {
this.orderDetail.goodsList[i].returnCount = 0
}
}
@ -414,26 +450,27 @@
uni.hideLoading();
}, 1000)
},
checkSellTime(type){
checkSellTime(type) {
this.sellTime = type;
},
submit(){
submit() {
this.returnData.orderId = this.orderDetail.id
this.returnData.userId = this.orderDetail.userId
this.returnData.shopId = this.orderDetail.shopId
this.returnData.totalAmount = this.orderDetail.totalAmount
this.returnData.goodsAmount = this.orderDetail.goodsAmount
this.returnData.packageFee = this.orderDetail.packageFee
if(this.orderDetail.deliveryInfo){
if (this.orderDetail.deliveryInfo) {
this.returnData.workerId = this.orderDetail.deliveryInfo.workerId
this.returnData.deliveryFee = this.orderDetail.deliveryFee
}
this.returnData.items = [];
for(let i = 0; i< this.orderDetail.goodsList.length;i++){
if(this.orderDetail.goodsList[i].returnCount){
for (let i = 0; i < this.orderDetail.goodsList.length; i++) {
if (this.orderDetail.goodsList[i].returnCount) {
this.orderDetail.goodsList[i].quantity = this.orderDetail.goodsList[i].returnCount
if(this.orderDetail.deliveryType == 1){
this.orderDetail.goodsList[i].price = Number(this.orderDetail.goodsList[i].price) + Number(this.orderDetail.goodsList[i].packageFee)
if (this.orderDetail.deliveryType == 1) {
this.orderDetail.goodsList[i].price = Number(this.orderDetail.goodsList[i].price) + Number(this
.orderDetail.goodsList[i].packageFee)
}
this.returnData.items.push(this.orderDetail.goodsList[i])
}
@ -441,7 +478,7 @@
uni.showLoading({
title: '提交售后中...'
});
this.tui.request("/mall/refund/create", "POST", this.returnData, false, false).then(res => {
this.tui.request("/mall/refund/create", "POST", this.returnData, false, false).then(res => {
uni.hideLoading();
if (res.code == 200) {
uni.redirectTo({
@ -457,54 +494,62 @@
uni.hideLoading();
});
},
openCode(){
openCode() {
this.$refs.imgPopup.open()
},
orderStatus(item){
if(item.status == 0 || item.status == 10 || item.status == 2 || (item.status == 3 && item.deliveryType == 1) || (item.status == 3 && item.deliveryType == 2) || item.status == 4){
orderStatus(item) {
if (item.status == 0 || item.status == 10 || item.status == 2 || (item.status == 3 && item.deliveryType ==
1) || (item.status == 3 && item.deliveryType == 2) || item.status == 4) {
return true;
}
return false;
},
returnPopupProp(item){
returnPopupProp(item) {
this.payData = item;
this.$refs.returnPopup.open('bottom');
},
changeValue(type,index) {
changeValue(type, index) {
console.log(this.orderDetail.goodsList[index])
if(!this.orderDetail.goodsList[index].returnCount){
if (!this.orderDetail.goodsList[index].returnCount) {
this.orderDetail.goodsList[index].returnCount = 0
}
if(type == 'plus'){
if((this.orderDetail.goodsList[index].returnCount + 1) <= this.orderDetail.goodsList[index].quantity){
if (type == 'plus') {
if ((this.orderDetail.goodsList[index].returnCount + 1) <= this.orderDetail.goodsList[index]
.quantity) {
this.orderDetail.goodsList[index].returnCount += 1
if(this.orderDetail.deliveryType == 1){
this.returnData.refundAmount += Number(Number(this.orderDetail.goodsList[index].price + this.orderDetail.goodsList[index].packageFee).toFixed(2))
}else{
if (this.orderDetail.deliveryType == 1) {
this.returnData.refundAmount += Number(Number(this.orderDetail.goodsList[index].price + this
.orderDetail.goodsList[index].packageFee).toFixed(2))
} else {
this.returnData.refundAmount += Number(this.orderDetail.goodsList[index].price)
}
this.returnData.refundAmount = Number(this.returnData.refundAmount.toFixed(2))
}
}else{
if(this.orderDetail.goodsList[index].returnCount > 0){
if(this.orderDetail.deliveryType == 1){
this.returnData.refundAmount -= Number(Number(this.orderDetail.goodsList[index].price + this.orderDetail.goodsList[index].packageFee).toFixed(2))
}else{
} else {
if (this.orderDetail.goodsList[index].returnCount > 0) {
if (this.orderDetail.deliveryType == 1) {
this.returnData.refundAmount -= Number(Number(this.orderDetail.goodsList[index].price + this
.orderDetail.goodsList[index].packageFee).toFixed(2))
} else {
this.returnData.refundAmount -= Number(this.orderDetail.goodsList[index].price)
}
this.returnData.refundAmount = Number(this.returnData.refundAmount.toFixed(2))
}
this.orderDetail.goodsList[index].returnCount = this.orderDetail.goodsList[index].returnCount > 0 ?this.orderDetail.goodsList[index].returnCount -= 1:0
this.orderDetail.goodsList[index].returnCount = this.orderDetail.goodsList[index].returnCount > 0 ?
this.orderDetail.goodsList[index].returnCount -= 1 : 0
}
this.$forceUpdate()
},
returnOrder(){
returnOrder() {
this.$refs.returnPopup.close();
let item = this.payData
let that = this
that.tui.request("/mall/order/cancel", "POST", {orderId:item.id,userId:uni.getStorageSync('id')}, false, true).then((res) => {
that.tui.request("/mall/order/cancel", "POST", {
orderId: item.id,
userId: uni.getStorageSync('id')
}, false, true).then((res) => {
if (res.code == 200) {
that.tui.toast("取消订单成功");
that.getOrderDetail(item.id)
@ -516,18 +561,18 @@
uni.hideLoading();
}).catch((res) => {});
},
refreah(item){
refreah(item) {
this.getOrderDetail(item.id)
this.$forceUpdate();
},
getOrderDetail(id){
getOrderDetail(id) {
let that = this
that.tui.request("/mall/order/detail/"+id, "GET", {}, false, true).then((res) => {
that.tui.request("/mall/order/detail/" + id, "GET", {}, false, true).then((res) => {
if (res.code == 200) {
that.orderDetail = res.result;
if(that.orderDetail.groupInfo){
if (that.orderDetail.groupInfo) {
//还没有拼团成功拼团状态 0:拼团中 1:拼团成功 2:拼团失败 3:面对面团(不公开)
if(that.orderDetail.groupInfo.status != 1 && that.orderDetail.groupInfo.status != 2){
if (that.orderDetail.groupInfo.status != 1 && that.orderDetail.groupInfo.status != 2) {
that.pintuan = true;
}
}
@ -562,45 +607,48 @@
position: relative;
}
.title{
.title {
background: url('https://jewel-shop.oss-cn-beijing.aliyuncs.com/8bc15960c2dc40268e295d6dd23aecce.png') no-repeat;
width: 100%;
height: 54%;
}
.content{
.content {
position: absolute;
top: 200rpx;
width: 95%;
margin-left: 2.5%;
}
.title-sreach{
.title-sreach {
width: 100%;
display: flex;
height: 200rpx;
position: relative;
}
.back-btn{
.back-btn {
position: absolute;
bottom: 0;
left: 0;
}
.title-name{
.title-name {
padding-top: 110rpx;
font-size: 36rpx;
font-weight: 700;
flex: 1;
text-align: center;
}
.box1{
.box1 {
width: 95%;
margin: 0 auto 20rpx;
background: #fff;
border-radius: 20rpx;
padding: 20rpx;
padding: 20rpx;
}
.goods-img {
width: 160rpx;
height: 160rpx;
@ -612,6 +660,7 @@
height: 100%;
}
}
.goods-content {
flex: 1;
padding-left: 20rpx;
@ -624,66 +673,78 @@
.goods-content-center {
display: flex;
margin: 16rpx 0;
color: #777;
margin: 16rpx 0;
color: #777;
}
.goods-deal1 {
width: 60%;
width: 100%;
}
.goods-content-bottom {
display: flex;
line-height: 56rpx;
color: #777;
display: flex;
line-height: 56rpx;
color: #777;
}
.pintuan-left-price {
width: 50%;
text-align: right;
font-weight: 700;
color: #000;
}
.status-img{
width: 84rpx;
height: 84rpx;
img{
width: 84rpx;
height: 84rpx;
background-size: 100%;
}
width: 50%;
text-align: right;
font-weight: 700;
color: #000;
}
.status-text{
.status-img {
width: 84rpx;
height: 84rpx;
img {
width: 84rpx;
height: 84rpx;
background-size: 100%;
}
}
.status-text {
flex: 1;
position: relative;
padding-left: 20rpx;
position: relative;
padding-left: 20rpx;
}
.status-zhu{
font-size: 32rpx;
font-weight: 700;
.status-zhu {
font-size: 32rpx;
font-weight: 700;
}
.status-fu{
height: 50rpx;
line-height: 50rpx;
.status-fu {
height: 50rpx;
line-height: 50rpx;
}
.status-address{
font-weight: 700;
.status-address {
font-weight: 700;
}
.status-btn{
.status-btn {
position: absolute;
top: 20rpx;
right: 0;
background: rgba(247, 248, 248, 0.6);
width: 130rpx;
height: 50rpx;
text-align: center;
line-height: 50rpx;
border-radius: 16rpx;
color: #777;
border: 1px solid #777;
font-size: 20rpx;
}
.btn-box{
top: 20rpx;
right: 0;
background: rgba(247, 248, 248, 0.6);
width: 130rpx;
height: 50rpx;
text-align: center;
line-height: 50rpx;
border-radius: 16rpx;
color: #777;
border: 1px solid #777;
font-size: 20rpx;
}
.btn-box {
height: 120rpx;
}
.btn{
.btn {
width: 90%;
height: 100rpx;
line-height: 100rpx;
@ -694,6 +755,7 @@
margin: 0 auto;
font-weight: 700;
}
.img-popup-content {
width: 600rpx;
height: 800rpx;
@ -727,7 +789,9 @@
background: #fff;
border-radius: 20rpx;
padding: 20rpx;
position: absolute;top: 450rpx;left: 2.5%;
position: absolute;
top: 450rpx;
left: 2.5%;
}
.goods-img1 {
@ -800,30 +864,34 @@
color: #02fbdd;
border: 1px solid #a6ffea;
line-height: 80rpx;
margin: 0 auto;
margin: 0 auto;
}
.kaituan11{
.kaituan11 {
display: flex;
height: 70rpx;
font-size: 44rpx;
font-weight: 700;
margin-top: 20rpx;
height: 70rpx;
font-size: 44rpx;
font-weight: 700;
margin-top: 20rpx;
}
.kaituan1-title1{
.kaituan1-title1 {
position: relative;
margin-left: 20rpx;
}
.kaituan1-title11{
font-size: 24rpx;
background: rgba(224, 255, 222, 0.65);
border: 1px solid rgba(166, 255, 234, 1);
border-radius: 20rpx;
height: 44rpx;
line-height: 38rpx;
width: 280rpx;
text-align: center;
margin: 10rpx 0 0 20rpx;
margin-left: 20rpx;
}
.kaituan1-title11 {
font-size: 24rpx;
background: rgba(224, 255, 222, 0.65);
border: 1px solid rgba(166, 255, 234, 1);
border-radius: 20rpx;
height: 44rpx;
line-height: 38rpx;
width: 280rpx;
text-align: center;
margin: 10rpx 0 0 20rpx;
}
.num-plus {
width: 56rpx;
height: 56rpx;
@ -852,38 +920,45 @@
flex: 1;
margin-left: 40rpx;
}
.kaituan21{
.kaituan21 {
display: flex;
width: 90%;
margin: 40rpx auto;
width: 90%;
margin: 40rpx auto;
}
.kaituan221{
flex: 1;
.kaituan221 {
flex: 1;
}
.kaituan31{
.kaituan31 {
height: 80rpx;
line-height: 80rpx;
text-align: center;
color: #777;
}
.kaituan41{
width: 95%;
height: 100rpx;
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));
border-radius: 100rpx;
text-align: center;
line-height: 100rpx;
font-size: 30rpx;
font-weight: 700;
margin: 20rpx auto;
}
.kaituan51{
line-height: 80rpx;
text-align: center;
color: #777;
}
.kaituan41 {
width: 95%;
height: 100rpx;
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));
border-radius: 100rpx;
text-align: center;
line-height: 100rpx;
font-size: 30rpx;
font-weight: 700;
margin: 20rpx auto;
}
.kaituan51 {
margin: 80rpx 0 40rpx;
}
.pintuan2 {
flex: 1;
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));
}
.car-content {
position: relative;
height: auto;
@ -910,6 +985,7 @@
font-size: 28rpx;
font-weight: 700;
}
.btn {
width: 95%;
height: 100rpx;

Write Preview
Loading…
Cancel
Save