|
@@ -9,83 +9,74 @@
|
|
|
<view class="tabsList">
|
|
|
<scroll-view scroll-y="true" class="scroll-view" @scrolltolower="toPage" @scroll="toScroll">
|
|
|
<view class="list-scroll-view">
|
|
|
- <view class="list_1" v-if="tabs.active=='-0'">
|
|
|
- 全部订单
|
|
|
- </view>
|
|
|
- <view class="list_2" v-for="(item,index) in list" :key="index" v-else-if="tabs.active=='0'" @tap="toInfo(item)">
|
|
|
- <view class="status">
|
|
|
- {{item.status=='0'?'待付款':item.status=='1'?'已支付':item.status=='-1'?'取消订单':item.status=='2'?'发货中':item.status=='-2'?'已退款':item.status=='3'?'已收货':item.status=='-3'?'申请售后':item.status=='-4'?'正在售后中':item.status=='-5'?'售后已结束':'未识别'}}
|
|
|
- </view>
|
|
|
- <view class="goods" v-for="(tag,indexs) in item.goods" :key="indexs">
|
|
|
- <view class="goods_1">
|
|
|
- <view class="shopname">
|
|
|
- <text class="iconfont icon-shangdian"></text>
|
|
|
- <text>{{tag.shop_name}}</text>
|
|
|
- </view>
|
|
|
+ <view class="list" v-for="(item,index) in list" :key="index" @tap="toInfo(item)">
|
|
|
+ <view class="list_1" v-if="tabs.active=='0'">
|
|
|
+ <view class="status">
|
|
|
+ {{item.zhStatus}}
|
|
|
</view>
|
|
|
- <view class="goods_2">
|
|
|
- <view class="market" v-for="(tags,indexss) in tag.goods" :key="indexss">
|
|
|
- <view class="url">
|
|
|
- <image class="image" :src="tags.goods.file&&tags.goods.file.length>0?tags.goods.file[0].url:''" mode=""></image>
|
|
|
+ <view class="goods">
|
|
|
+ <view class="goodsList" v-for="(tag,indexs) in item.goods" :key="indexs">
|
|
|
+ <view class="shopname">
|
|
|
+ <text class="iconfont icon-shangdian"></text>
|
|
|
+ <text>{{tag.shop_name}}</text>
|
|
|
</view>
|
|
|
- <view class="goodsname">
|
|
|
- {{tags.goods.name}}
|
|
|
- <view class="specs">
|
|
|
- {{tags.name}}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="goodsother">
|
|
|
- <view v-if="item.type=='0'" class="price">
|
|
|
- ¥{{tags.sell_money}}
|
|
|
- </view>
|
|
|
- <view v-else class="price">
|
|
|
- ¥{{tags.group_config.money}}
|
|
|
- </view>
|
|
|
- <view class="num">
|
|
|
- ×{{tags.buy_num}}
|
|
|
+ <view class="goodsList_1">
|
|
|
+ <view class="market" v-for="(tags,indexss) in tag.goods" :key="indexss">
|
|
|
+ <view class="market_1">
|
|
|
+ <image class="image" :src="tags.goods.file&&tags.goods.file.length>0?tags.goods.file[0].url:''" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view class="market_2">
|
|
|
+ <view class="goodsname textOver">
|
|
|
+ {{tags.goods.name}}
|
|
|
+ </view>
|
|
|
+ <view class="specs">
|
|
|
+ {{tags.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="market_3">
|
|
|
+ <view v-if="item.type=='0'" class="price">
|
|
|
+ ¥{{tags.sell_money}}
|
|
|
+ </view>
|
|
|
+ <view v-else class="price">
|
|
|
+ ¥{{tags.group_config.money}}
|
|
|
+ </view>
|
|
|
+ <view class="num">
|
|
|
+ ×{{tags.buy_num}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="other">
|
|
|
+ <text>共{{item.total_detail.freight_total}}件商品</text>
|
|
|
+ <text>总价¥{{item.total_detail.goods_total}}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="other">
|
|
|
- <text>共{{item.total_detail.freight_total}}件商品</text>
|
|
|
- <text>总价¥{{item.total_detail.goods_total}}</text>
|
|
|
- </view>
|
|
|
- <view class="btn">
|
|
|
- <button v-if="item.status=='0'" type="default" size="mini" @tap.stop="toCancel(item)">取消订单</button>
|
|
|
- <button class="toPay" v-if="item.status=='0'" type="default" size="mini" @tap.stop="toPay(item)">付款</button>
|
|
|
- <button v-if="item.status=='2'" type="default" size="mini" @tap.stop="toConfirm(item)">确认收货</button>
|
|
|
- <button v-if="item.status!='0'" type="default" size="mini" @tap.stop="toAfter(item)">申请售后</button>
|
|
|
- <button v-if="item.status=='3'&&!item.rate" type="default" size="mini" @tap.stop="toAppraise(item)">立即评价</button>
|
|
|
- <button v-if="item.status=='3'&&item.rate" type="default" size="mini" @tap.stop="toAppraise(item)">追加评价</button>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="list_2 list_3" v-for="(item,index) in list" :key="index" @tap="toInfo(item)" v-else>
|
|
|
- <view class="list_3_1">
|
|
|
- <view class="goods_1">
|
|
|
+ <view class="list_2" v-else>
|
|
|
+ <view class="list_2_1">
|
|
|
<view class="shopname">
|
|
|
<text class="iconfont icon-shangdian"></text>
|
|
|
<text>{{item.shop.name}}</text>
|
|
|
</view>
|
|
|
+ <view class="status">
|
|
|
+ {{item.zhStatus}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="status">
|
|
|
- {{item.status=='0'?'待付款':item.status=='1'?'已支付':item.status=='-1'?'取消订单':item.status=='2'?'发货中':item.status=='-2'?'已退款':item.status=='3'?'已收货':item.status=='-3'?'申请售后':item.status=='-4'?'正在售后中':item.status=='-5'?'售后已结束':'未识别'}}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="goods" v-for="(tag,indexs) in item.goods" :key="indexs">
|
|
|
- <view class="goods_2">
|
|
|
- <view class="market">
|
|
|
- <view class="url">
|
|
|
+ <view class="list_2_2">
|
|
|
+ <view class="goods" v-for="(tag,indexs) in item.goods" :key="indexs">
|
|
|
+ <view class="goods_1">
|
|
|
<image class="image" :src="tag.url" mode=""></image>
|
|
|
</view>
|
|
|
- <view class="goodsname">
|
|
|
- {{tag.goods.name}}
|
|
|
+ <view class="goods_2">
|
|
|
+ <view class="goodsname textOver">
|
|
|
+ {{tag.goods.name}}
|
|
|
+ </view>
|
|
|
<view class="specs">
|
|
|
{{tag.name}}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="goodsother">
|
|
|
+ <view class="goods_3">
|
|
|
<view v-if="item.type=='0'" class="price">
|
|
|
¥{{tag.sell_money}}
|
|
|
</view>
|
|
@@ -98,19 +89,15 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="other">
|
|
|
- <text>共{{item.buy_num_total||0}}件商品</text>
|
|
|
- <text>总价¥{{item.real_pay}}</text>
|
|
|
+ <view class="other">
|
|
|
+ <text>共{{item.buy_num_total||0}}件商品</text>
|
|
|
+ <text>总价¥{{item.real_pay}}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="btn">
|
|
|
- <button v-if="item.status=='2'||item.status=='3'" type="default" size="mini" @tap.stop="toLogi(item)">查看物流</button>
|
|
|
- <button v-if="item.status=='0'" type="default" size="mini" @tap.stop="toCancel(item)">取消订单</button>
|
|
|
- <button class="toPay" v-if="item.status=='0'" type="default" size="mini" @tap.stop="toPay(item)">付款</button>
|
|
|
- <button v-if="item.status=='2'" type="default" size="mini" @tap.stop="toConfirm(item)">确认收货</button>
|
|
|
- <button v-if="item.status!='0'" type="default" size="mini" @tap.stop="toAfter(item)">申请售后</button>
|
|
|
- <button v-if="item.status=='3'&&!item.rate" type="default" size="mini" @tap.stop="toAppraise(item)">立即评价</button>
|
|
|
- <button v-if="item.status=='3'&&item.rate" type="default" size="mini" @tap.stop="toAppraise(item)">追加评价</button>
|
|
|
+ <button v-if="item.status=='0'" size="mini" @tap.stop="toCancel(item)">取消订单</button>
|
|
|
+ <button v-if="item.status=='0'" size="mini" @tap.stop="toPay(item)">支付</button>
|
|
|
+ <button v-if="item.status=='2'||item.status=='3'" size="mini" @tap.stop="toLogi(item)">查看物流</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="is_bottom" v-if="is_bottom">
|
|
@@ -143,20 +130,16 @@
|
|
|
tabs: {
|
|
|
active: '0',
|
|
|
menu: [ //菜单列表
|
|
|
- // {
|
|
|
- // title: '全部订单',
|
|
|
- // active: '-0'
|
|
|
- // },
|
|
|
{
|
|
|
- title: '待付款',
|
|
|
+ title: '未支付',
|
|
|
active: '0'
|
|
|
},
|
|
|
{
|
|
|
- title: '待发货',
|
|
|
+ title: '已支付',
|
|
|
active: '1'
|
|
|
},
|
|
|
{
|
|
|
- title: '待收货',
|
|
|
+ title: '发货中',
|
|
|
active: '2'
|
|
|
},
|
|
|
{
|
|
@@ -166,6 +149,18 @@
|
|
|
{
|
|
|
title: '取消订单',
|
|
|
active: '-1'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '申请售后',
|
|
|
+ active: '-2'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '售后处理中',
|
|
|
+ active: '-3'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '售后结束',
|
|
|
+ active: '-4'
|
|
|
}
|
|
|
]
|
|
|
},
|
|
@@ -177,15 +172,16 @@
|
|
|
// 数据是否触底
|
|
|
is_bottom: false,
|
|
|
scrollTop: 0,
|
|
|
+ // 字典表
|
|
|
+ statusList: []
|
|
|
};
|
|
|
},
|
|
|
onLoad: function(e) {
|
|
|
const that = this;
|
|
|
- that.$set(that, `status`, e.status);
|
|
|
+ that.$set(that, `status`, e.status || '0');
|
|
|
that.searchConfig();
|
|
|
- // 监听用户是否登录
|
|
|
- that.watchLogin();
|
|
|
-
|
|
|
+ that.searchOther();
|
|
|
+ that.watchlogin();
|
|
|
},
|
|
|
onPullDownRefresh: async function() {
|
|
|
const that = this;
|
|
@@ -211,60 +207,63 @@
|
|
|
})
|
|
|
},
|
|
|
// 监听用户是否登录
|
|
|
- watchLogin() {
|
|
|
+ watchlogin() {
|
|
|
const that = this;
|
|
|
uni.getStorage({
|
|
|
key: 'token',
|
|
|
success: function(res) {
|
|
|
let user = that.$jwt(res.data);
|
|
|
- if (user) that.$set(that, `user`, user);
|
|
|
- that.$set(that.tabs, `active`, that.status);
|
|
|
- that.search();
|
|
|
- },
|
|
|
- fail: function(err) {
|
|
|
- uni.navigateTo({
|
|
|
- url: `/pages/login/index`
|
|
|
- })
|
|
|
+ if (user) {
|
|
|
+ that.$set(that, `user`, user)
|
|
|
+ that.search();
|
|
|
+ }
|
|
|
}
|
|
|
- });
|
|
|
+ })
|
|
|
},
|
|
|
- // 查询列表
|
|
|
async search() {
|
|
|
const that = this;
|
|
|
let user = that.user;
|
|
|
let status = that.status;
|
|
|
- if (status == '-0') {
|
|
|
-
|
|
|
- } else if (status == '0') {
|
|
|
- const res = await that.$api(`/order`, 'GET', {
|
|
|
- status: '0',
|
|
|
- customer: user._id
|
|
|
+ let info = {
|
|
|
+ skip: that.skip,
|
|
|
+ limit: that.limit,
|
|
|
+ customer: user._id,
|
|
|
+ status: status
|
|
|
+ }
|
|
|
+ let res;
|
|
|
+ if (status == '0') {
|
|
|
+ res = await that.$api(`/order`, 'GET', {
|
|
|
+ ...info,
|
|
|
+ ...that.searchInfo
|
|
|
});
|
|
|
- if (res.errcode == '0') {
|
|
|
- let list = [...that.list, ...res.data];
|
|
|
- that.$set(that, `list`, list)
|
|
|
- that.$set(that, `total`, res.total)
|
|
|
- } else {
|
|
|
- uni.showToast({
|
|
|
- title: res.errmsg,
|
|
|
- });
|
|
|
- }
|
|
|
} else {
|
|
|
- const res = await that.$api(`/orderDetail`, 'GET', {
|
|
|
- status: that.status,
|
|
|
- customer: user._id
|
|
|
+ res = await that.$api(`/orderDetail`, 'GET', {
|
|
|
+ ...info,
|
|
|
+ ...that.searchInfo
|
|
|
});
|
|
|
- if (res.errcode == '0') {
|
|
|
- let list = [...that.list, ...res.data];
|
|
|
- that.$set(that, `list`, list)
|
|
|
- that.$set(that, `total`, res.total)
|
|
|
- } else {
|
|
|
- uni.showToast({
|
|
|
- title: res.errmsg,
|
|
|
- });
|
|
|
+ }
|
|
|
+ if (res.errcode == '0') {
|
|
|
+ let list = [...that.list, ...res.data];
|
|
|
+ for (let val of list) {
|
|
|
+ val.zhStatus = that.searchStatus(val.status)
|
|
|
}
|
|
|
+ console.log(list);
|
|
|
+ that.$set(that, `list`, list);
|
|
|
+ that.$set(that, `total`, res.total)
|
|
|
+ } else {
|
|
|
+ uni.showToast({
|
|
|
+ title: res.errmsg,
|
|
|
+ icon: 'none'
|
|
|
+ })
|
|
|
}
|
|
|
},
|
|
|
+ // 查询状态
|
|
|
+ searchStatus(e) {
|
|
|
+ const that = this;
|
|
|
+ let data = that.statusList.find((i) => i.value == e);
|
|
|
+ if (data) return data.label
|
|
|
+ else return '暂无'
|
|
|
+ },
|
|
|
// 分页
|
|
|
toPage(e) {
|
|
|
const that = this;
|
|
@@ -295,13 +294,13 @@
|
|
|
const that = this;
|
|
|
that.$set(that.searchInfo, `name`, e.detail.value)
|
|
|
},
|
|
|
- // 订单详细
|
|
|
+ // 订单详细信息
|
|
|
toInfo(item) {
|
|
|
uni.navigateTo({
|
|
|
url: `/pagesMy/order/info?id=${item._id}&status=${item.status}`
|
|
|
})
|
|
|
},
|
|
|
- // 取消订单
|
|
|
+ // 取消订单-未支付
|
|
|
toCancel(e) {
|
|
|
const that = this;
|
|
|
uni.showModal({
|
|
@@ -329,7 +328,7 @@
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- // 付款
|
|
|
+ // 支付
|
|
|
async toPay(e) {
|
|
|
const that = this;
|
|
|
let system = that.system;
|
|
@@ -389,62 +388,22 @@
|
|
|
})
|
|
|
}
|
|
|
},
|
|
|
- // 确认收货
|
|
|
- toConfirm(e) {
|
|
|
- const that = this;
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '确定确认收货吗?',
|
|
|
- success: async function(res) {
|
|
|
- if (res.confirm) {
|
|
|
- const arr = await that.$api(`/orderDetail/${e._id}`, 'POST', {
|
|
|
- status: '3'
|
|
|
- });
|
|
|
- if (arr.errcode == '0') {
|
|
|
- uni.showToast({
|
|
|
- title: '确认收货成功',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- that.clearPage();
|
|
|
- that.search();
|
|
|
- } else {
|
|
|
- uni.showToast({
|
|
|
- title: arr.errmsg,
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- // 申请售后 申请退款
|
|
|
- toAfter(e) {
|
|
|
- if (e.status == '3') {
|
|
|
- uni.navigateTo({
|
|
|
- url: `/pagesMy/order/service?id=${e._id}`
|
|
|
- })
|
|
|
- } else {
|
|
|
- uni.navigateTo({
|
|
|
- url: `/pagesMy/order/noService?id=${e._id}`
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
// 查看物流
|
|
|
toLogi(e) {
|
|
|
uni.navigateTo({
|
|
|
url: `/pagesMy/logistics/index?id=${e._id}`
|
|
|
})
|
|
|
},
|
|
|
- // 立即评价
|
|
|
- toAppraise(e) {
|
|
|
- if (e.rate) {
|
|
|
- uni.navigateTo({
|
|
|
- url: `/pagesMy/order/appraise?id=${e._id}&rate_id=${e.rate}`
|
|
|
- })
|
|
|
- } else {
|
|
|
- uni.navigateTo({
|
|
|
- url: `/pagesMy/order/appraise?id=${e._id}`
|
|
|
- })
|
|
|
+ // 查询其他信息
|
|
|
+ async searchOther() {
|
|
|
+ const that = this;
|
|
|
+ let res;
|
|
|
+ // 查询状态
|
|
|
+ res = await that.$api(`/dictData`, 'GET', {
|
|
|
+ code: 'order_process'
|
|
|
+ })
|
|
|
+ if (res.errcode == '0') {
|
|
|
+ that.$set(that, `statusList`, res.data);
|
|
|
}
|
|
|
},
|
|
|
// 选择选项卡
|
|
@@ -496,23 +455,89 @@
|
|
|
width: 100vw;
|
|
|
height: 82vh;
|
|
|
|
|
|
- .list_2 {
|
|
|
+ .list {
|
|
|
background-color: #fff;
|
|
|
- margin: 0 2vw 2vw 2vw;
|
|
|
+ border: 1px solid #ff0000;
|
|
|
padding: 2vw;
|
|
|
+ margin: 0 2vw 2vw 2vw;
|
|
|
+ border-radius: 5px;
|
|
|
|
|
|
- .status {
|
|
|
- color: var(--ff0Color);
|
|
|
- text-align: right;
|
|
|
- margin: 0 0 1vw 0;
|
|
|
- }
|
|
|
+ .list_1 {
|
|
|
+ .status {
|
|
|
+ text-align: right;
|
|
|
+ color: var(--ff0Color);
|
|
|
+ margin: 0 0 1vw 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .goods {
|
|
|
+ .goodsList {
|
|
|
+ border-bottom: 1px solid #f1f1f1;
|
|
|
+
|
|
|
+ .shopname {
|
|
|
+ margin: 0 0 2vw 0;
|
|
|
+
|
|
|
+ text:last-child {
|
|
|
+ padding: 0 0 0 2vw;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .goodsList_1 {
|
|
|
+ .market {
|
|
|
+ display: flex;
|
|
|
+ padding: 0 0 2vw 0;
|
|
|
+
|
|
|
+ .market_1 {
|
|
|
+ width: 20vw;
|
|
|
+ height: 20vw;
|
|
|
+
|
|
|
+ .image {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border-radius: 5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .market_2 {
|
|
|
+ width: 55vw;
|
|
|
+ padding: 0 0 0 2vw;
|
|
|
+
|
|
|
+ .goodsname {
|
|
|
+ font-size: 16px;
|
|
|
+ margin: 0 0 1vw 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .specs {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #858585;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .market_3 {
|
|
|
+ width: 15vw;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .goods {
|
|
|
- margin: 0 0 1vw 0;
|
|
|
- padding: 2vw;
|
|
|
- border-bottom: 1px solid #f5f5f5;
|
|
|
+ .other {
|
|
|
+ padding: 0 0 2vw 0;
|
|
|
+ margin: 2vw 0;
|
|
|
+ text-align: right;
|
|
|
+ border-bottom: 1px solid #f1f1f1;
|
|
|
|
|
|
- .goods_1 {
|
|
|
+ text {
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 0 0 0 2vw;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .list_2 {
|
|
|
+ .list_2_1 {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
margin: 0 0 2vw 0;
|
|
|
|
|
|
.shopname {
|
|
@@ -520,80 +545,168 @@
|
|
|
padding: 0 0 0 2vw;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .status {
|
|
|
+ color: var(--ff0Color);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .goods_2 {
|
|
|
- margin: 0 0 1vw 0;
|
|
|
+ .list_2_2 {
|
|
|
+ border-bottom: 1px solid #f1f1f1;
|
|
|
|
|
|
- .market {
|
|
|
+ .goods {
|
|
|
display: flex;
|
|
|
+ padding: 0 0 2vw 0;
|
|
|
|
|
|
- .url {
|
|
|
+ .goods_1 {
|
|
|
width: 20vw;
|
|
|
+ height: 20vw;
|
|
|
|
|
|
.image {
|
|
|
width: 100%;
|
|
|
- height: 20vw;
|
|
|
+ height: 100%;
|
|
|
border-radius: 5px;
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .goodsname {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- width: 60vw;
|
|
|
- padding: 0 2vw;
|
|
|
+ .goods_2 {
|
|
|
+ width: 55vw;
|
|
|
+ padding: 0 0 0 2vw;
|
|
|
+
|
|
|
+ .goodsname {
|
|
|
+ font-size: 16px;
|
|
|
+ margin: 0 0 1vw 0;
|
|
|
+ }
|
|
|
|
|
|
.specs {
|
|
|
- color: var(--f85Color);
|
|
|
- font-size: var(--font12Size);
|
|
|
+ font-size: 14px;
|
|
|
+ color: #858585;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
- .goodsother {
|
|
|
+ .goods_3 {
|
|
|
width: 15vw;
|
|
|
text-align: right;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
- .other {
|
|
|
- margin: 0 0 2vw 0;
|
|
|
- text-align: right;
|
|
|
-
|
|
|
- text {
|
|
|
- font-size: 14px;
|
|
|
+ .other {
|
|
|
+ padding: 0 0 2vw 0;
|
|
|
+ margin: 2vw 0;
|
|
|
+ text-align: right;
|
|
|
+ border-bottom: 1px solid #f1f1f1;
|
|
|
|
|
|
- padding: 0 0 0 2vw;
|
|
|
+ text {
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 0 0 0 2vw;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.btn {
|
|
|
text-align: right;
|
|
|
- margin: 2vw 0 0 0;
|
|
|
- border-top: 1px solid #f1fff1;
|
|
|
-
|
|
|
- button {
|
|
|
- margin: 2vw 0 0 2vw;
|
|
|
- }
|
|
|
-
|
|
|
- .toPay {
|
|
|
- border: 1px solid #ff0000;
|
|
|
- color: #ff0000;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .list_3 {
|
|
|
- .list_3_1 {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- }
|
|
|
- }
|
|
|
+ // .list_2 {
|
|
|
+ // background-color: #fff;
|
|
|
+ // margin: 0 2vw 2vw 2vw;
|
|
|
+ // padding: 2vw;
|
|
|
+
|
|
|
+ // .status {
|
|
|
+ // color: var(--ff0Color);
|
|
|
+ // text-align: right;
|
|
|
+ // margin: 0 0 1vw 0;
|
|
|
+ // }
|
|
|
+
|
|
|
+ // .goods {
|
|
|
+ // margin: 0 0 1vw 0;
|
|
|
+ // padding: 2vw;
|
|
|
+ // border-bottom: 1px solid #f5f5f5;
|
|
|
+
|
|
|
+ // .goods_1 {
|
|
|
+ // margin: 0 0 2vw 0;
|
|
|
+
|
|
|
+ // .shopname {
|
|
|
+ // text:last-child {
|
|
|
+ // padding: 0 0 0 2vw;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ // .goods_2 {
|
|
|
+ // margin: 0 0 1vw 0;
|
|
|
+
|
|
|
+ // .market {
|
|
|
+ // display: flex;
|
|
|
+
|
|
|
+ // .url {
|
|
|
+ // width: 20vw;
|
|
|
+
|
|
|
+ // .image {
|
|
|
+ // width: 100%;
|
|
|
+ // height: 20vw;
|
|
|
+ // border-radius: 5px;
|
|
|
+
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ // .goodsname {
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction: column;
|
|
|
+ // width: 60vw;
|
|
|
+ // padding: 0 2vw;
|
|
|
+
|
|
|
+ // .specs {
|
|
|
+ // color: var(--f85Color);
|
|
|
+ // font-size: var(--font12Size);
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ // .goodsother {
|
|
|
+ // width: 15vw;
|
|
|
+ // text-align: right;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ // .other {
|
|
|
+ // margin: 0 0 2vw 0;
|
|
|
+ // text-align: right;
|
|
|
+
|
|
|
+ // text {
|
|
|
+ // font-size: 14px;
|
|
|
+
|
|
|
+ // padding: 0 0 0 2vw;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ // .btn {
|
|
|
+ // text-align: right;
|
|
|
+ // margin: 2vw 0 0 0;
|
|
|
+ // border-top: 1px solid #f1fff1;
|
|
|
+
|
|
|
+ // button {
|
|
|
+ // margin: 2vw 0 0 2vw;
|
|
|
+ // }
|
|
|
+
|
|
|
+ // .toPay {
|
|
|
+ // border: 1px solid #ff0000;
|
|
|
+ // color: #ff0000;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ // .list_3 {
|
|
|
+ // .list_3_1 {
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: space-between;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
|
|
|
// .list {
|
|
|
// background-color: #fff;
|