|
|
|
@ -4,9 +4,7 @@
|
|
|
|
|
<view class="header bg-color-red acea-row row-middle" :class="refundOrder ? 'on' : ''"> |
|
|
|
|
<view class="data" :class="refundOrder ? 'on' : ''"> |
|
|
|
|
<view class="state">{{ orderInfo._status._msg }}</view> |
|
|
|
|
<view> |
|
|
|
|
{{ orderInfo.createTime }} |
|
|
|
|
</view> |
|
|
|
|
<view>{{ orderInfo.createTime }}</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<template v-if="!refundOrder"> |
|
|
|
@ -41,20 +39,12 @@
|
|
|
|
|
></view> |
|
|
|
|
<view |
|
|
|
|
class="line" |
|
|
|
|
:class="{ |
|
|
|
|
'bg-color-red': |
|
|
|
|
status.type > 1 && status.type != 6 && status.type != 9 |
|
|
|
|
}" |
|
|
|
|
:class="{'bg-color-red':status.type > 1 && status.type != 6 && status.type != 9}" |
|
|
|
|
v-if="orderInfo.shippingType === 1" |
|
|
|
|
></view> |
|
|
|
|
<view |
|
|
|
|
class="iconfont" |
|
|
|
|
:class="[ |
|
|
|
|
status.type === 2 ? 'icon-webicon318' : 'icon-yuandianxiao', |
|
|
|
|
status.type >= 2 && status.type != 6 && status.type != 9 |
|
|
|
|
? 'font-color-red' |
|
|
|
|
: '' |
|
|
|
|
]" |
|
|
|
|
:class="[status.type === 2 ? 'icon-webicon318' : 'icon-yuandianxiao',status.type >= 2 && status.type != 6 && status.type != 9? 'font-color-red': '']" |
|
|
|
|
v-if="orderInfo.shippingType === 1" |
|
|
|
|
></view> |
|
|
|
|
<view |
|
|
|
@ -125,7 +115,10 @@
|
|
|
|
|
v-if="orderInfo.shippingType === 2 && orderInfo.paid === 1" |
|
|
|
|
> |
|
|
|
|
<div>自提地址信息</div> |
|
|
|
|
<div class="place cart-color acea-row row-center-wrapper" @click="showChang(orderInfo.systemStore)"> |
|
|
|
|
<div |
|
|
|
|
class="place cart-color acea-row row-center-wrapper" |
|
|
|
|
@click="showChang(orderInfo.systemStore)" |
|
|
|
|
> |
|
|
|
|
<span class="iconfont icon-weizhi"></span>查看位置 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -160,9 +153,7 @@
|
|
|
|
|
</view> |
|
|
|
|
<view class="item acea-row row-between"> |
|
|
|
|
<view>下单时间:</view> |
|
|
|
|
<view class="conter"> |
|
|
|
|
{{ orderInfo.createTime }} |
|
|
|
|
</view> |
|
|
|
|
<view class="conter">{{ orderInfo.createTime }}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="item acea-row row-between"> |
|
|
|
|
<view>订单类型:</view> |
|
|
|
@ -262,22 +253,21 @@
|
|
|
|
|
<template v-if="status.type == 1"> |
|
|
|
|
<view class="bnt cancel" @click="goGoodsReturn(orderInfo)">申请退款</view> |
|
|
|
|
</template> |
|
|
|
|
<template v-if="status.type == 2"> |
|
|
|
|
<!-- --> |
|
|
|
|
<template v-if="orderInfo.shippingType == 1 && status.type == 2"> |
|
|
|
|
<view |
|
|
|
|
class="bnt default" |
|
|
|
|
@click="$yrouter.push({ path: '/pages/order/Logistics/index' ,query:{id:orderInfo.orderId }})" |
|
|
|
|
>查看物流</view> |
|
|
|
|
<view class="bnt bg-color-red" @click="takeOrder">确认收货</view> |
|
|
|
|
</template> |
|
|
|
|
<template v-if="status.type == 3 && orderInfo.deliveryType == 'express'"> |
|
|
|
|
<template v-if="orderInfo.shippingType == 1 && status.type == 3 && orderInfo.deliveryType == 'express'"> |
|
|
|
|
<view |
|
|
|
|
class="bnt default" |
|
|
|
|
@click=" |
|
|
|
|
$yrouter.push({ path: '/pages/order/Logistics/index' ,query:{id:orderInfo.orderId }}) |
|
|
|
|
" |
|
|
|
|
@click="$yrouter.push({ path: '/pages/order/Logistics/index' ,query:{id:orderInfo.orderId }})" |
|
|
|
|
>查看物流</view> |
|
|
|
|
</template> |
|
|
|
|
<template v-if="status.type == 4"> |
|
|
|
|
<template v-if="orderInfo.shippingType == 1 && status.type == 4"> |
|
|
|
|
<view class="bnt cancel" @click="delOrder">删除订单</view> |
|
|
|
|
<view |
|
|
|
|
class="bnt default" |
|
|
|
@ -302,133 +292,18 @@
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
<style scoped lang="less"> |
|
|
|
|
.geoPage { |
|
|
|
|
position: fixed; |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
top: 0; |
|
|
|
|
z-index: 10000; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff { |
|
|
|
|
background-color: #fff; |
|
|
|
|
margin-top: 0.13 * 100rpx; |
|
|
|
|
padding-bottom: 0.3 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .title { |
|
|
|
|
font-size: 0.3 * 100rpx; |
|
|
|
|
color: #282828; |
|
|
|
|
height: 0.87 * 100rpx; |
|
|
|
|
border-bottom: 1px solid #f0f0f0; |
|
|
|
|
padding: 0 0.3 * 100rpx; |
|
|
|
|
line-height: 0.87 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .grayBg { |
|
|
|
|
background-color: #f2f5f7; |
|
|
|
|
width: 5.9 * 100rpx; |
|
|
|
|
height: 3.84 * 100rpx; |
|
|
|
|
border-radius: 0.2 * 100rpx 0.2 * 100rpx 0 0; |
|
|
|
|
margin: 0.5 * 100rpx auto 0 auto; |
|
|
|
|
padding-top: 0.55 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .grayBg .pictrue { |
|
|
|
|
width: 2.9 * 100rpx; |
|
|
|
|
height: 2.9 * 100rpx; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .grayBg .pictrue img { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
display: block; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .gear { |
|
|
|
|
width: 5.9 * 100rpx; |
|
|
|
|
height: 0.3 * 100rpx; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .gear img { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
display: block; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .num { |
|
|
|
|
background-color: #f0c34c; |
|
|
|
|
width: 5.9 * 100rpx; |
|
|
|
|
height: 0.84 * 100rpx; |
|
|
|
|
color: #282828; |
|
|
|
|
font-size: 0.48 * 100rpx; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
border-radius: 0 0 0.2 * 100rpx 0.2 * 100rpx; |
|
|
|
|
text-align: center; |
|
|
|
|
padding-top: 0.04 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .rules { |
|
|
|
|
margin: 0.46 * 100rpx 0.3 * 100rpx 0 0.3 * 100rpx; |
|
|
|
|
border-top: 0.01 * 100rpx solid #f0f0f0; |
|
|
|
|
padding-top: 0.1 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .rules .item { |
|
|
|
|
margin-top: 0.15 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .rules .item .rulesTitle { |
|
|
|
|
font-size: 0.28 * 100rpx; |
|
|
|
|
color: #282828; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .rules .item .rulesTitle .iconfont { |
|
|
|
|
font-size: 0.3 * 100rpx; |
|
|
|
|
color: #333; |
|
|
|
|
margin-right: 0.08 * 100rpx; |
|
|
|
|
margin-top: 0.05 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .rules .item .info { |
|
|
|
|
font-size: 0.28 * 100rpx; |
|
|
|
|
color: #999; |
|
|
|
|
margin-top: 0.05 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .rules .item .info .time { |
|
|
|
|
margin-left: 0.2 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .map { |
|
|
|
|
height: 0.86 * 100rpx; |
|
|
|
|
font-size: 0.3 * 100rpx; |
|
|
|
|
color: #282828; |
|
|
|
|
line-height: 0.86 * 100rpx; |
|
|
|
|
border-bottom: 0.01 * 100rpx solid #f0f0f0; |
|
|
|
|
margin-top: 0.13 * 100rpx; |
|
|
|
|
background-color: #fff; |
|
|
|
|
padding: 0 0.3 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .map .place { |
|
|
|
|
font-size: 0.26 * 100rpx; |
|
|
|
|
width: 1.76 * 100rpx; |
|
|
|
|
height: 0.5 * 100rpx; |
|
|
|
|
border-radius: 0.25 * 100rpx; |
|
|
|
|
line-height: 0.5 * 100rpx; |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
.order-details .map .place .iconfont { |
|
|
|
|
font-size: 0.27 * 100rpx; |
|
|
|
|
height: 0.27 * 100rpx; |
|
|
|
|
line-height: 0.27 * 100rpx; |
|
|
|
|
margin: 0.02 * 100rpx 0.03 * 100rpx 0 0; |
|
|
|
|
} |
|
|
|
|
.order-details .address .name .iconfont { |
|
|
|
|
font-size: 0.34 * 100rpx; |
|
|
|
|
margin-left: 0.1 * 100rpx; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import OrderGoods from "@/components/OrderGoods"; |
|
|
|
|
import { orderDetail } from "@/api/order"; |
|
|
|
|
import Payment from "@/components/Payment"; |
|
|
|
|
import DataFormat from "@/components/DataFormat"; |
|
|
|
|
import { isWeixin, copyClipboard } from "@/utils"; |
|
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
|
import { |
|
|
|
|
cancelOrderHandle, |
|
|
|
|
takeOrderHandle, |
|
|
|
|
delOrderHandle, |
|
|
|
|
payOrderHandle |
|
|
|
|
payOrderHandle, |
|
|
|
|
} from "@/libs/order"; |
|
|
|
|
// import { wechatEvevt } from "@/libs/wechat"; |
|
|
|
|
|
|
|
|
@ -439,10 +314,8 @@ export default {
|
|
|
|
|
components: { |
|
|
|
|
OrderGoods, |
|
|
|
|
Payment, |
|
|
|
|
DataFormat |
|
|
|
|
}, |
|
|
|
|
props: {}, |
|
|
|
|
data: function() { |
|
|
|
|
data: function () { |
|
|
|
|
return { |
|
|
|
|
offlinePayStatus: 2, |
|
|
|
|
orderTypeName: "普通订单", |
|
|
|
@ -450,7 +323,7 @@ export default {
|
|
|
|
|
offlineStatus: true, |
|
|
|
|
id: "", |
|
|
|
|
orderInfo: { |
|
|
|
|
_status: {} |
|
|
|
|
_status: {}, |
|
|
|
|
}, |
|
|
|
|
status: {}, |
|
|
|
|
pay: false, |
|
|
|
@ -458,21 +331,20 @@ export default {
|
|
|
|
|
from: this.$deviceType, |
|
|
|
|
system_store: {}, |
|
|
|
|
mapKay: "", |
|
|
|
|
mapShow: false |
|
|
|
|
mapShow: false, |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
computed: { |
|
|
|
|
refundOrder() { |
|
|
|
|
return this.orderInfo.refund_status > 0; |
|
|
|
|
}, |
|
|
|
|
...mapGetters(["userInfo"]) |
|
|
|
|
...mapGetters(["userInfo"]), |
|
|
|
|
}, |
|
|
|
|
onShow() { |
|
|
|
|
this.id = this.$yroute.query.id; |
|
|
|
|
this.getDetail(); |
|
|
|
|
}, |
|
|
|
|
inject: ["app"], |
|
|
|
|
mounted: function() { |
|
|
|
|
mounted: function () { |
|
|
|
|
this.id = this.$yroute.query.id; |
|
|
|
|
// this.getDetail(); |
|
|
|
|
}, |
|
|
|
@ -482,23 +354,23 @@ export default {
|
|
|
|
|
this.$yrouter.push({ |
|
|
|
|
path: "/pages/order/GoodsReturn/index", |
|
|
|
|
query: { |
|
|
|
|
id: orderInfo.orderId |
|
|
|
|
} |
|
|
|
|
id: orderInfo.orderId, |
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
goGroupRule(orderInfo) { |
|
|
|
|
this.$yrouter.push({ |
|
|
|
|
path: "/pages/activity/GroupRule/index", |
|
|
|
|
query: { |
|
|
|
|
id: orderInfo.pinkId |
|
|
|
|
} |
|
|
|
|
id: orderInfo.pinkId, |
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
showChang: function(data) { |
|
|
|
|
showChang: function (data) { |
|
|
|
|
// 这里判断是不是微信小程序 |
|
|
|
|
this.$yrouter.push({ |
|
|
|
|
path: "/pages/map/index", |
|
|
|
|
query: data |
|
|
|
|
query: data, |
|
|
|
|
}); |
|
|
|
|
// if (isWeixin()) { |
|
|
|
|
// let config = { |
|
|
|
@ -525,7 +397,7 @@ export default {
|
|
|
|
|
} else { |
|
|
|
|
console.log(this); |
|
|
|
|
this.$yrouter.replace({ |
|
|
|
|
path: "/pages/order/MyOrder/index" |
|
|
|
|
path: "/pages/order/MyOrder/index", |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
@ -549,14 +421,14 @@ export default {
|
|
|
|
|
setTimeout(() => this.goBack(), 300); |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
setOfflinePayStatus: function(status) { |
|
|
|
|
setOfflinePayStatus: function (status) { |
|
|
|
|
var that = this; |
|
|
|
|
that.offlinePayStatus = status; |
|
|
|
|
if (status === 1 && that.orderTypeNameStatus === true) { |
|
|
|
|
that.payType.push("offline"); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
getOrderStatus: function() { |
|
|
|
|
getOrderStatus: function () { |
|
|
|
|
let orderInfo = this.orderInfo || {}, |
|
|
|
|
_status = orderInfo._status || { _type: 0 }, |
|
|
|
|
status = {}; |
|
|
|
@ -569,7 +441,7 @@ export default {
|
|
|
|
|
: 0; |
|
|
|
|
status = { |
|
|
|
|
type: type, |
|
|
|
|
class_status: 0 |
|
|
|
|
class_status: 0, |
|
|
|
|
}; |
|
|
|
|
if (type == 1 && combination_id > 0) { |
|
|
|
|
status.type = 6; |
|
|
|
@ -598,12 +470,12 @@ export default {
|
|
|
|
|
uni.showToast({ |
|
|
|
|
title: "订单不存在", |
|
|
|
|
icon: "none", |
|
|
|
|
duration: 2000 |
|
|
|
|
duration: 2000, |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
orderDetail(id) |
|
|
|
|
.then(res => { |
|
|
|
|
.then((res) => { |
|
|
|
|
this.orderInfo = res.data; |
|
|
|
|
this.getOrderStatus(); |
|
|
|
|
if (this.orderInfo.combinationId > 0) { |
|
|
|
@ -620,11 +492,11 @@ export default {
|
|
|
|
|
this.mapKey = res.data.mapKay; |
|
|
|
|
this.setOfflinePayStatus(this.orderInfo.offlinePayStatus); |
|
|
|
|
}) |
|
|
|
|
.catch(err => { |
|
|
|
|
.catch((err) => { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: err.response.data.msg, |
|
|
|
|
icon: "none", |
|
|
|
|
duration: 2000 |
|
|
|
|
duration: 2000, |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
@ -633,7 +505,123 @@ export default {
|
|
|
|
|
console.log(type, "支付方式"); |
|
|
|
|
await payOrderHandle(this.orderInfo.orderId, type, that.from); |
|
|
|
|
that.getDetail(); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="less"> |
|
|
|
|
.geoPage { |
|
|
|
|
position: fixed; |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
top: 0; |
|
|
|
|
z-index: 10000; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff { |
|
|
|
|
background-color: #fff; |
|
|
|
|
margin-top: 0.13 * 100rpx; |
|
|
|
|
padding-bottom: 0.3 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .title { |
|
|
|
|
font-size: 0.3 * 100rpx; |
|
|
|
|
color: #282828; |
|
|
|
|
height: 0.87 * 100rpx; |
|
|
|
|
border-bottom: 1px solid #f0f0f0; |
|
|
|
|
padding: 0 0.3 * 100rpx; |
|
|
|
|
line-height: 0.87 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .grayBg { |
|
|
|
|
background-color: #f2f5f7; |
|
|
|
|
width: 5.9 * 100rpx; |
|
|
|
|
height: 3.84 * 100rpx; |
|
|
|
|
border-radius: 0.2 * 100rpx 0.2 * 100rpx 0 0; |
|
|
|
|
margin: 0.5 * 100rpx auto 0 auto; |
|
|
|
|
padding-top: 0.55 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .grayBg .pictrue { |
|
|
|
|
width: 2.9 * 100rpx; |
|
|
|
|
height: 2.9 * 100rpx; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .grayBg .pictrue img { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
display: block; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .gear { |
|
|
|
|
width: 5.9 * 100rpx; |
|
|
|
|
height: 0.3 * 100rpx; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .gear img { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
display: block; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .num { |
|
|
|
|
background-color: #f0c34c; |
|
|
|
|
width: 5.9 * 100rpx; |
|
|
|
|
height: 0.84 * 100rpx; |
|
|
|
|
color: #282828; |
|
|
|
|
font-size: 0.48 * 100rpx; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
border-radius: 0 0 0.2 * 100rpx 0.2 * 100rpx; |
|
|
|
|
text-align: center; |
|
|
|
|
padding-top: 0.04 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .rules { |
|
|
|
|
margin: 0.46 * 100rpx 0.3 * 100rpx 0 0.3 * 100rpx; |
|
|
|
|
border-top: 0.01 * 100rpx solid #f0f0f0; |
|
|
|
|
padding-top: 0.1 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .rules .item { |
|
|
|
|
margin-top: 0.15 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .rules .item .rulesTitle { |
|
|
|
|
font-size: 0.28 * 100rpx; |
|
|
|
|
color: #282828; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .rules .item .rulesTitle .iconfont { |
|
|
|
|
font-size: 0.3 * 100rpx; |
|
|
|
|
color: #333; |
|
|
|
|
margin-right: 0.08 * 100rpx; |
|
|
|
|
margin-top: 0.05 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .rules .item .info { |
|
|
|
|
font-size: 0.28 * 100rpx; |
|
|
|
|
color: #999; |
|
|
|
|
margin-top: 0.05 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .writeOff .rules .item .info .time { |
|
|
|
|
margin-left: 0.2 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .map { |
|
|
|
|
height: 0.86 * 100rpx; |
|
|
|
|
font-size: 0.3 * 100rpx; |
|
|
|
|
color: #282828; |
|
|
|
|
line-height: 0.86 * 100rpx; |
|
|
|
|
border-bottom: 0.01 * 100rpx solid #f0f0f0; |
|
|
|
|
margin-top: 0.13 * 100rpx; |
|
|
|
|
background-color: #fff; |
|
|
|
|
padding: 0 0.3 * 100rpx; |
|
|
|
|
} |
|
|
|
|
.order-details .map .place { |
|
|
|
|
font-size: 0.26 * 100rpx; |
|
|
|
|
width: 1.76 * 100rpx; |
|
|
|
|
height: 0.5 * 100rpx; |
|
|
|
|
border-radius: 0.25 * 100rpx; |
|
|
|
|
line-height: 0.5 * 100rpx; |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
.order-details .map .place .iconfont { |
|
|
|
|
font-size: 0.27 * 100rpx; |
|
|
|
|
height: 0.27 * 100rpx; |
|
|
|
|
line-height: 0.27 * 100rpx; |
|
|
|
|
margin: 0.02 * 100rpx 0.03 * 100rpx 0 0; |
|
|
|
|
} |
|
|
|
|
.order-details .address .name .iconfont { |
|
|
|
|
font-size: 0.34 * 100rpx; |
|
|
|
|
margin-left: 0.1 * 100rpx; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|