|
@@ -19,14 +19,15 @@
|
|
|
|
|
|
<view class="top" :style="{background:'#'+themeColor}">
|
|
|
<view class="orderState">
|
|
|
- <image src="../../../static/img/icon_order_def.png" mode="" style="width: 44rpx;height: 44rpx;"></image>
|
|
|
+ <image src="../../static/img/icon_order_def.png" mode="" style="width: 44rpx;height: 44rpx;"></image>
|
|
|
|
|
|
|
|
|
- <view class="SheetState" v-if="orderData.data.sheetState == 1">待付款</view>
|
|
|
- <view class="SheetState" v-if="orderData.data.sheetState == 2">待服务</view>
|
|
|
- <view class="SheetState" v-if="orderData.data.sheetState == 3">已完成</view>
|
|
|
- <view class="SheetState" v-if="orderData.data.sheetState == 4">已取消</view>
|
|
|
- <view class="SheetState" v-if="orderData.data.sheetState == 5">待成团</view>
|
|
|
+ <view class="SheetState" v-if="orderData.openShopHelpSheet.sheetState == 0">待确认</view>
|
|
|
+ <view class="SheetState" v-if="orderData.openShopHelpSheet.sheetState == 1">已接单</view>
|
|
|
+ <view class="SheetState" v-if="orderData.openShopHelpSheet.sheetState == 2">已出发</view>
|
|
|
+ <view class="SheetState" v-if="orderData.openShopHelpSheet.sheetState == 3">已完成</view>
|
|
|
+ <view class="SheetState" v-if="orderData.openShopHelpSheet.sheetState == 4">已取消</view>
|
|
|
+ <view class="SheetState" v-if="orderData.openShopHelpSheet.sheetState == 5">已评价</view>
|
|
|
</view>
|
|
|
|
|
|
|
|
@@ -35,8 +36,8 @@
|
|
|
|
|
|
|
|
|
<!-- 店铺信息 -->
|
|
|
- <view class="shopBox" :class="{shopBoxpt:orderData.data.sheetState == 5}">
|
|
|
- <image src="../../../static/img/icon_store.png" mode="" class="shopBoximg"></image>
|
|
|
+ <view class="shopBox" ><!-- :class="{shopBoxpt:orderData.data.sheetState == 5}" -->
|
|
|
+ <image src="../../static/img/icon_store.png" mode="" class="shopBoximg"></image>
|
|
|
<view class="shopCont">
|
|
|
<view class="shopName">{{orderData.shopInfo.shopName}}</view>
|
|
|
<view class="Address">
|
|
@@ -46,14 +47,14 @@
|
|
|
</view>
|
|
|
<view class="shopRightBox" @click="map">
|
|
|
|
|
|
- <image src="../../../static/img/icon_ditu.png" mode="" class="shopRightImg"></image>
|
|
|
+ <image src="../../static/img/icon_ditu.png" mode="" class="shopRightImg"></image>
|
|
|
|
|
|
<view class="shopRihgtTxt">地图</view>
|
|
|
</view>
|
|
|
<view class="shopsx"></view>
|
|
|
<view class="shopRightBox" @click="call">
|
|
|
|
|
|
- <image src="../../../static/img/icon_phone.png" mode="" class="shopRightImg"></image>
|
|
|
+ <image src="../../static/img/icon_phone.png" mode="" class="shopRightImg"></image>
|
|
|
|
|
|
<view class="shopRihgtTxt">电话</view>
|
|
|
</view>
|
|
@@ -65,40 +66,39 @@
|
|
|
<view class="detailedTitle">救援信息</view>
|
|
|
<view class="informationLine">
|
|
|
<view class="informationTxt">救援单号:</view>
|
|
|
- <view class="informationNum">{{orderData.data.code}}<span class="codeCopy"
|
|
|
- @click="copy(orderData.data.code)">复制</span></view>
|
|
|
+ <view class="informationNum">{{orderData.openShopHelpSheet.code}}<span class="codeCopy"
|
|
|
+ @click="copy(orderData.openShopHelpSheet.code)">复制</span></view>
|
|
|
</view>
|
|
|
<view class="informationLine">
|
|
|
<view class="informationTxt">救援类型:</view>
|
|
|
- <view class="informationNum">塔电/轮胎/拖车-救援场景</view>
|
|
|
+ <view class="informationNum" v-if="orderData.openShopHelpSheet.helpType==1">搭电</view>
|
|
|
+ <view class="informationNum" v-if="orderData.openShopHelpSheet.helpType==2">拖车</view>
|
|
|
+ <view class="informationNum" v-if="orderData.openShopHelpSheet.helpType==3">换胎</view>
|
|
|
+ <view class="informationNum" v-if="orderData.openShopHelpSheet.helpType==4">未知原因</view>
|
|
|
</view>
|
|
|
- <view class="informationLine" v-if="orderData.data.plateNumber">
|
|
|
+ <view class="informationLine" v-if="orderData.openShopHelpSheet.plateNumber">
|
|
|
<view class="informationTxt">车牌号:</view>
|
|
|
- <view class="informationNum">{{orderData.data.plateNumber}}</view>
|
|
|
+ <view class="informationNum">{{orderData.openShopHelpSheet.plateNumber}}</view>
|
|
|
</view>
|
|
|
<view class="informationLine">
|
|
|
<view class="informationTxt">车型:</view>
|
|
|
- <view class="informationNum">奥迪 A5 2.0 双离合变速器(DCT) 2017 3.0FSI尊</view>
|
|
|
+ <view class="informationNum">{{orderData.openShopHelpSheet.carModel}}</view>
|
|
|
</view>
|
|
|
<view class="informationLine">
|
|
|
<view class="informationTxt">救援联系人:</view>
|
|
|
- <view class="informationNum">王家山</view>
|
|
|
+ <view class="informationNum">{{orderData.openShopHelpSheet.customerName}}</view>
|
|
|
</view>
|
|
|
- <view class="informationLine" v-if="orderData.data.customerName">
|
|
|
- <view class="informationTxt">联系人:</view>
|
|
|
- <view class="informationNum">{{orderData.data.customerName}}</view>
|
|
|
- </view>
|
|
|
- <view class="informationLine" v-if="orderData.data.mobilePhone">
|
|
|
+ <view class="informationLine" v-if="orderData.openShopHelpSheet.mobilePhone">
|
|
|
<view class="informationTxt">手机号:</view>
|
|
|
- <view class="informationNum">{{orderData.data.mobilePhone}}</view>
|
|
|
+ <view class="informationNum">{{orderData.openShopHelpSheet.mobilePhone}}</view>
|
|
|
</view>
|
|
|
<view class="informationLine" >
|
|
|
<view class="informationTxt">起点:</view>
|
|
|
- <view class="informationNum">{{orderData.data.unit}}</view>
|
|
|
+ <view class="informationNum">{{orderData.openShopHelpSheet.hStartAddress}}</view>
|
|
|
</view>
|
|
|
<view class="informationLine">
|
|
|
<view class="informationTxt">终点:</view>
|
|
|
- <view class="informationNum">{{orderData.data.createTime}}</view>
|
|
|
+ <view class="informationNum">{{orderData.openShopHelpSheet.hEndAddress}}</view>
|
|
|
</view>
|
|
|
|
|
|
|
|
@@ -109,51 +109,51 @@
|
|
|
<view class="detailedTitle">订单信息</view>
|
|
|
<view class="informationLine">
|
|
|
<view class="informationTxt">下单时间:</view>
|
|
|
- <view class="informationNum" >2020-01-21 12:32:23</view>
|
|
|
- </view>
|
|
|
- <view class="informationLine">
|
|
|
- <view class="informationTxt">下单人:</view>
|
|
|
- <view class="informationNum" >王家山</view>
|
|
|
- </view>
|
|
|
- <view class="informationLine">
|
|
|
- <view class="informationTxt">下单时间:</view>
|
|
|
- <view class="informationNum" >2020-01-21 12:32:23</view>
|
|
|
+ <view class="informationNum" >{{orderData.openShopHelpSheet.createTime}}</view>
|
|
|
</view>
|
|
|
<view class="informationLine">
|
|
|
<view class="informationTxt">下单人:</view>
|
|
|
- <view class="informationNum" >王家山</view>
|
|
|
+ <view class="informationNum" >{{orderData.openUser.nickName}}</view>
|
|
|
</view>
|
|
|
- <view class="informationLine">
|
|
|
+ <view class="informationLine" v-if="orderData.openShopHelpSheet.confirmTime">
|
|
|
<view class="informationTxt">确认时间:</view>
|
|
|
- <view class="informationNum" >2020-01-21 12:32:23</view>
|
|
|
+ <view class="informationNum" >{{orderData.openShopHelpSheet.confirmTime}}</view>
|
|
|
</view>
|
|
|
- <view class="informationLine">
|
|
|
+ <view class="informationLine" v-if="orderData.openShopHelpSheet.confirmOperator">
|
|
|
<view class="informationTxt">确认人:</view>
|
|
|
- <view class="informationNum" >王家山</view>
|
|
|
+ <view class="informationNum" >{{orderData.openShopHelpSheet.confirmOperator}}</view>
|
|
|
</view>
|
|
|
- <view class="informationLine">
|
|
|
+ <view class="informationLine" v-if="orderData.openShopHelpSheet.goingTime">
|
|
|
<view class="informationTxt">出发时间:</view>
|
|
|
- <view class="informationNum" >2020-01-21 12:32:23</view>
|
|
|
+ <view class="informationNum" >{{orderData.openShopHelpSheet.goingTime}}</view>
|
|
|
</view>
|
|
|
- <view class="informationLine">
|
|
|
+ <view class="informationLine" v-if="orderData.openShopHelpSheet.goingOperator">
|
|
|
+ <view class="informationTxt">出发人:</view>
|
|
|
+ <view class="informationNum" >{{orderData.openShopHelpSheet.goingOperator}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="informationLine" v-if="orderData.openShopHelpSheet.finishTime">
|
|
|
+ <view class="informationTxt">完成时间:</view>
|
|
|
+ <view class="informationNum" >{{orderData.openShopHelpSheet.finishTime}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="informationLine" v-if="orderData.openShopHelpSheet.finishOperator">
|
|
|
<view class="informationTxt">完成人:</view>
|
|
|
- <view class="informationNum" >王家山</view>
|
|
|
+ <view class="informationNum" >{{orderData.openShopHelpSheet.finishOperator}}</view>
|
|
|
</view>
|
|
|
- <view class="informationLine">
|
|
|
+ <view class="informationLine" v-if="orderData.openShopHelpSheet.finishComment">
|
|
|
<view class="informationTxt">完成备注:</view>
|
|
|
- <view class="informationNum" >王家山</view>
|
|
|
+ <view class="informationNum" >{{orderData.openShopHelpSheet.finishComment}}</view>
|
|
|
</view>
|
|
|
- <view class="informationLine">
|
|
|
+ <view class="informationLine" v-if="orderData.openShopHelpSheet.cancelTime">
|
|
|
<view class="informationTxt">取消时间:</view>
|
|
|
- <view class="informationNum">{{orderData.data.payTime?orderData.data.payTime:'-'}}</view>
|
|
|
+ <view class="informationNum">{{orderData.openShopHelpSheet.cancelTime}}</view>
|
|
|
</view>
|
|
|
- <view class="informationLine">
|
|
|
+ <view class="informationLine" v-if="orderData.openShopHelpSheet.cancelOperator">
|
|
|
<view class="informationTxt">取消人:</view>
|
|
|
- <view class="informationNum" >王家山</view>
|
|
|
+ <view class="informationNum" >{{orderData.openShopHelpSheet.cancelOperator}}</view>
|
|
|
</view>
|
|
|
- <view class="informationLine">
|
|
|
+ <view class="informationLine" v-if="orderData.openShopHelpSheet.cancelComment">
|
|
|
<view class="informationTxt">取消备注:</view>
|
|
|
- <view class="informationNum" >王家山</view>
|
|
|
+ <view class="informationNum" >{{orderData.openShopHelpSheet.cancelComment}}</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
@@ -164,9 +164,9 @@
|
|
|
|
|
|
<view class="bottom">
|
|
|
<!-- <view class="cancel" @click="cancelBespeak" v-if="orderData.data.groupType==1">取消订单</view> -->
|
|
|
- <view class="cancel" @click="cancelBespeak" >取消订单</view>
|
|
|
- <view class="defer" :style="{border:'1rpx solid #'+themeColor,color:'#'+themeColor}" @click="pay">评价</view>
|
|
|
- <view class="defer" :style="{border:'1rpx solid #'+themeColor,color:'#'+themeColor}" @click="pay">查看评价</view>
|
|
|
+ <view class="cancel" v-if="orderData.openShopHelpSheet.sheetState == 0" @click="cancelBespeak" >取消订单</view>
|
|
|
+ <!-- --> <view class="defer" v-if="orderData.openShopHelpSheet.sheetState == 3" :style="{border:'1rpx solid #'+themeColor,color:'#'+themeColor}" @click="orderevaluate">评价</view>
|
|
|
+ <view class="defer" v-if="orderData.openShopHelpSheet.sheetState == 5" :style="{border:'1rpx solid #'+themeColor,color:'#'+themeColor}" @click="seeevaluate">查看评价</view>
|
|
|
</view>
|
|
|
|
|
|
|
|
@@ -183,88 +183,37 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <!-- 全部团员 -->
|
|
|
- <view class="maBox" v-if="seeTyshow" @click="seeTyHide">
|
|
|
- <view class="grouptk" @click.stop="">
|
|
|
- <view class="maTop">
|
|
|
- <view class="maTitle maTitle2 ">全部团员</view>
|
|
|
- <image src="../../../static/img/icon_delete.png" mode=""
|
|
|
- style="width: 26rpx;height: 26rpx;margin-left: 10rpx;" @click="seeTyHide"></image>
|
|
|
+ <view class="authorizBox" v-if="evaluateShow">
|
|
|
+ <view class="evaluateBox">
|
|
|
+ <view class="evaluateTitle">评价</view>
|
|
|
+ <view class="textareaBox">
|
|
|
+ <textarea placeholder-style="color:#999999" placeholder="说说哪里满意,帮大家选择~" v-model="evaluateComment"
|
|
|
+ class="textareaCont" maxlength="-1" auto-height="true" />
|
|
|
</view>
|
|
|
- <view class="grouptkCobt">
|
|
|
- <view class="grouptkLIne" v-for="(item,index) in orderData.groupList">
|
|
|
- <view class="grouptkLIneLeft">
|
|
|
- <view class="groupTz" v-if="item.groupMemberLevel==1">团长</view>
|
|
|
- <view class="groupTy" v-else>团员</view>
|
|
|
- <view class="groupmobilePhone">{{item.mobilePhone}}</view>
|
|
|
- </view>
|
|
|
- <view class="grouptkLIneTime">{{item.payTime}}</view>
|
|
|
- </view>
|
|
|
-
|
|
|
+ <view class="evaluateBtnBox">
|
|
|
+ <view class="evaluatecancel cancel" @click="evaluatecancel">取消</view>
|
|
|
+ <view class="evaluateDetermine defer" @click="evaluateDetermine">确定</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <!-- 退款原因 -->
|
|
|
- <view class="tuikuanBox" v-if="isShowTui==true">
|
|
|
- <view class="tuikuan">
|
|
|
- <view class="tuiTop">
|
|
|
- <view class="tuiTitle">退款</view>
|
|
|
- <image @click="isShowTuiHide" src="../../../static/img/icon_delete.png" mode=""
|
|
|
- style="width: 26rpx; height: 26rpx;"></image>
|
|
|
-
|
|
|
- </view>
|
|
|
- <view class="contLine">
|
|
|
- <view class="contlineLeft">
|
|
|
- <image src="../../static/img/icon_star.png" mode="" class="star"></image>
|
|
|
- 退款原因
|
|
|
- </view>
|
|
|
- <view class="contlineRight carModelRight" @click="">
|
|
|
-
|
|
|
- <picker class="carModel" @change="bindChange" mode="selector" :value="index"
|
|
|
- :range="tuicauseList" range-key="contents">
|
|
|
- <view class="uni-input">{{tuicauseList[index].contents}}</view>
|
|
|
- <!-- <view class="uni-input noColor" v-else>请选择</view> -->
|
|
|
- </picker>
|
|
|
- <image src="../../static/img/little_rightArrow.png" mode="" class="contlineRightJt"></image>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="contLine">
|
|
|
- <view class="contlineLeft">
|
|
|
- <image src="../../static/img/icon_star.png" mode="" class="star"></image>
|
|
|
- 退款金额
|
|
|
- </view>
|
|
|
- <view class="contlineRight carModelRight" @click="cktime">
|
|
|
- <span class="carModel">{{orderData.data.realMoney}}</span>
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="contLine">
|
|
|
- <view class="contlineLeft">
|
|
|
- <image src="" mode="" class="star"></image>
|
|
|
- 补充描述
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="contlineRight">
|
|
|
- <textarea placeholder-style="color:#999999" placeholder="请输入" v-model="tuikuanContent"
|
|
|
- class="contlineRightInput" maxlength="-1" auto-height="true" @confirm="feedDone" />
|
|
|
+ <view class="authorizBox" v-if="evaluateContShow">
|
|
|
+ <view class="evaluateBox">
|
|
|
+ <view class="evaluateTitle">查看评价</view>
|
|
|
+ <view class="textareaBox">
|
|
|
+ <view class="evaluateCont">
|
|
|
+ {{orderData.openShopHelpSheet.evaluateComment}}
|
|
|
+ <view class="evaluateTime">{{orderData.openShopHelpSheet.evaluateTime}}</view>
|
|
|
</view>
|
|
|
+
|
|
|
</view>
|
|
|
-
|
|
|
- <view class="tuiBtns">
|
|
|
- <view class="btn" @click="isShowTuiHide">取消</view>
|
|
|
- <view class="btn2" @click="goTui">确认退款</view>
|
|
|
+ <view class="evaluateBtnBox">
|
|
|
+ <view class="evaluateDetermine defer" @click="evaluatexs">确定</view>
|
|
|
</view>
|
|
|
-
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -314,12 +263,15 @@
|
|
|
tuicauseList: [],
|
|
|
tuikuanContent: '',
|
|
|
swiperIndex:0,
|
|
|
+ evaluateComment:'',
|
|
|
+ evaluateShow:false,
|
|
|
+ evaluateContShow:false,
|
|
|
}
|
|
|
},
|
|
|
//0拼团取消1拼团失败 2拼团中3拼团成功4自动成团 groupState
|
|
|
onLoad(opt) {
|
|
|
this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
|
|
|
- this.id = 'AF587F01-26A6-4560-AF7A-13AEE59B3CDF'
|
|
|
+ this.id = opt.id
|
|
|
this.themeColor = uni.getStorageSync("themeColor");
|
|
|
this.userInfo=this.$store.state.userInfo;
|
|
|
this.ext=this.$common.getExtStoreId();
|
|
@@ -349,6 +301,40 @@
|
|
|
|
|
|
|
|
|
methods: {
|
|
|
+ orderevaluate(){
|
|
|
+ this.evaluateShow=true;
|
|
|
+ },
|
|
|
+ seeevaluate(){
|
|
|
+ this.evaluateContShow=true
|
|
|
+ },
|
|
|
+ evaluatexs(){
|
|
|
+ this.evaluateContShow=false
|
|
|
+ },
|
|
|
+ evaluatecancel(){
|
|
|
+ this.evaluateShow=false;
|
|
|
+ },
|
|
|
+ evaluateDetermine(){
|
|
|
+ this.$http('openShopHelpSheetOrder/appraiseShop', {
|
|
|
+ id:this.id,evaluateComment:this.evaluateComment,
|
|
|
+ },'POST').then(res => {
|
|
|
+ this.evaluateShow=false
|
|
|
+ if(res.code==0){
|
|
|
+ uni.showToast({
|
|
|
+ title: '评价成功',
|
|
|
+ icon: 'none',
|
|
|
+ duration: 3000
|
|
|
+ });
|
|
|
+ this.getData();
|
|
|
+
|
|
|
+ }else{
|
|
|
+ uni.showToast({
|
|
|
+ title: res.msg,
|
|
|
+ icon: 'none',
|
|
|
+ duration: 3000
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
isShowTuiHide(){
|
|
|
this.isShowTui=false;
|
|
|
},
|
|
@@ -545,7 +531,7 @@
|
|
|
title: '加载中'
|
|
|
})
|
|
|
|
|
|
- that.$http('openOrderManagement/updateSheetState', {
|
|
|
+ that.$http('openShopHelpSheetOrder/cancelOrder', {
|
|
|
|
|
|
id: that.id,
|
|
|
|
|
@@ -610,7 +596,7 @@
|
|
|
title: '加载中'
|
|
|
});
|
|
|
|
|
|
- this.$http('openOrderManagement/queryOpenSheet', {
|
|
|
+ this.$http('openShopHelpSheetOrder/getOpenShopHelpSheetOrderInfo', {
|
|
|
|
|
|
id: this.id,
|
|
|
}, 'GET').then(res => {
|
|
@@ -753,6 +739,41 @@
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
+.evaluateBox{
|
|
|
+ width: 600rpx;
|
|
|
+ height: 600rpx;
|
|
|
+ margin-top: 30vh;
|
|
|
+ margin-left: 75rpx;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 16rpx;
|
|
|
+}
|
|
|
+.evaluateCont{
|
|
|
+ font-size: 30rpx;color: #333333;height: 300rpx;
|
|
|
+}
|
|
|
+.evaluateTime{
|
|
|
+ font-size: 30rpx;color: #999999;padding-top: 24rpx;
|
|
|
+}
|
|
|
+.textareaBox{
|
|
|
+ padding: 24rpx;
|
|
|
+}
|
|
|
+.evaluateTitle{
|
|
|
+ color: #333333;
|
|
|
+ line-height: 42rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ padding-left: 24px;
|
|
|
+ padding-top: 30rpx;
|
|
|
+}
|
|
|
+.evaluateBtnBox{
|
|
|
+ display: flex;justify-content: space-around;padding-top: 30rpx;
|
|
|
+}
|
|
|
+.textareaCont {
|
|
|
+ padding: 20rpx;
|
|
|
+ min-height: 300rpx;
|
|
|
+ width:512rpx ;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ background: #eaeaea;
|
|
|
+}
|
|
|
.groupStateIcon{
|
|
|
width: 28rpx;height: 28rpx;
|
|
|
}
|
|
@@ -1156,6 +1177,7 @@ color: #764D49;font-size: 26rpx;padding-top:20rpx;
|
|
|
.informationNum {
|
|
|
color: #333333;
|
|
|
font-size: 26rpx;
|
|
|
+ width: 500rpx;
|
|
|
}
|
|
|
|
|
|
.codeCopy {
|
|
@@ -1212,6 +1234,9 @@ color: #764D49;font-size: 26rpx;padding-top:20rpx;
|
|
|
line-height: 56rpx;
|
|
|
margin-right: 40rpx;
|
|
|
}
|
|
|
+ .evaluatecancel{
|
|
|
+ width: 200rpx;
|
|
|
+ }
|
|
|
|
|
|
.defer {
|
|
|
color: #D53533;
|
|
@@ -1224,7 +1249,9 @@ color: #764D49;font-size: 26rpx;padding-top:20rpx;
|
|
|
line-height: 56rpx;
|
|
|
margin-right: 40rpx;
|
|
|
}
|
|
|
-
|
|
|
+.evaluateDetermine{
|
|
|
+ width: 200rpx;
|
|
|
+}
|
|
|
.itemBox {
|
|
|
margin: 20rpx;
|
|
|
border-radius: 10rpx;
|