|
@@ -1,9 +1,23 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view>
|
|
<view>
|
|
|
<view class="address" v-if="storeInfo && storeInfo.service_type==2">
|
|
<view class="address" v-if="storeInfo && storeInfo.service_type==2">
|
|
|
-
|
|
|
|
|
- </view>
|
|
|
|
|
-
|
|
|
|
|
|
|
+ <view class="addressInfo" v-if="addressInfo" @click="toAddress">
|
|
|
|
|
+ <view class="empty-data">
|
|
|
|
|
+ <view class="left">
|
|
|
|
|
+ <view class="contact-name">{{addressInfo.username}} <view class="mobile">{{addressInfo.mobile}}</view></view>
|
|
|
|
|
+ <view class="desc">{{addressInfo.region}}{{addressInfo.address}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="right"><image src="/static/image/right.png"></image></view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="addressInfo" @click="toAddress" v-else>
|
|
|
|
|
+ <view class="empty-data">
|
|
|
|
|
+ <view class="left"><image src="/static/image/location.png"></image></view>
|
|
|
|
|
+ <view class="name">完善收货地址</view>
|
|
|
|
|
+ <view class="right"><image src="/static/image/right.png"></image></view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
<view class="location" @click="toDetail">
|
|
<view class="location" @click="toDetail">
|
|
|
<view class="left">
|
|
<view class="left">
|
|
|
<view class="name">{{poi_name}}</view>
|
|
<view class="name">{{poi_name}}</view>
|
|
@@ -35,6 +49,18 @@
|
|
|
title
|
|
title
|
|
|
loading
|
|
loading
|
|
|
></u-skeleton>
|
|
></u-skeleton>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <view class="goods_skus" v-if="goodsSku.length > 0">
|
|
|
|
|
+ <view class="sku_box" v-for="(item,indx) in goodsSku" :key="indx">
|
|
|
|
|
+ <view class="sku_name">
|
|
|
|
|
+ {{item.name}}({{item.list.length}}选{{item.num}})
|
|
|
|
|
+ <view class="right" @click="clearSku(indx)">清除</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="sku_list">
|
|
|
|
|
+ <view :class="itm.check?'sku_item':'sku_item active'" @click="skuCheck(item.name,item.num,indx,iddx)" v-for="(itm,iddx) in item.list" :key="iddx">{{itm.name}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<view class="order-time" v-if="storeInfo && storeInfo.service_type==1">
|
|
<view class="order-time" v-if="storeInfo && storeInfo.service_type==1">
|
|
@@ -53,7 +79,7 @@
|
|
|
<view class="flx-footer">
|
|
<view class="flx-footer">
|
|
|
<view class="footer-btn">
|
|
<view class="footer-btn">
|
|
|
<view class="price"><text class="desc">已优惠:¥{{goodsInfo.order_amount}},</text>合计<text class="money">¥0</text></view>
|
|
<view class="price"><text class="desc">已优惠:¥{{goodsInfo.order_amount}},</text>合计<text class="money">¥0</text></view>
|
|
|
- <view class="btn-group"><button :disabled="disabled" class="btn">{{disabled?'处理中...':'确认兑换'}}</button></view>
|
|
|
|
|
|
|
+ <view class="btn-group"><button :disabled="disabled" @click="submitOrder" class="btn">{{disabled?'处理中...':'确认兑换'}}</button></view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="footer-safe"></view>
|
|
<view class="footer-safe"></view>
|
|
|
</view>
|
|
</view>
|
|
@@ -63,11 +89,20 @@
|
|
|
<view class="title">选择时间<view class="close" @click="selectTime(2)"><image src="/static/image/round_close.png"></image></view> </view>
|
|
<view class="title">选择时间<view class="close" @click="selectTime(2)"><image src="/static/image/round_close.png"></image></view> </view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="time-body">
|
|
<view class="time-body">
|
|
|
- <view class="time-left"></view>
|
|
|
|
|
- <view class="time-right"></view>
|
|
|
|
|
|
|
+ <view class="time-left">
|
|
|
|
|
+ <view :class="timeIndex==index?'time-left-item active':'time-left-item'" @click="timeCheck(index)" v-for="(item,index) in timeData">
|
|
|
|
|
+ <view class="name">{{item.day}}</view>
|
|
|
|
|
+ <view class="desc">{{item.week}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="time-right">
|
|
|
|
|
+ <view :class="childIndex==index?'time-right-item active':'time-right-item'" @click="childCheck(index)" v-for="(item,index) in timeChildren">
|
|
|
|
|
+ <view class="name">{{item.display}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="time-btn">
|
|
<view class="time-btn">
|
|
|
- <button class="btn">确认选择</button>
|
|
|
|
|
|
|
+ <button class="btn" @click="checkTimeEnd">确认选择</button>
|
|
|
</view>
|
|
</view>
|
|
|
</uni-popup>
|
|
</uni-popup>
|
|
|
</view>
|
|
</view>
|
|
@@ -80,6 +115,8 @@ export default {
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
disabled:false,
|
|
disabled:false,
|
|
|
|
|
+ timeIndex:0,
|
|
|
|
|
+ childIndex:0,
|
|
|
order:"",
|
|
order:"",
|
|
|
poi_name:"",
|
|
poi_name:"",
|
|
|
poi_id:"",
|
|
poi_id:"",
|
|
@@ -88,7 +125,12 @@ export default {
|
|
|
storeInfo:null,
|
|
storeInfo:null,
|
|
|
timeStr:null,
|
|
timeStr:null,
|
|
|
timeState:false,
|
|
timeState:false,
|
|
|
- timeData:[]
|
|
|
|
|
|
|
+ timeData:[],
|
|
|
|
|
+ timeChildren:[],
|
|
|
|
|
+ addressInfo:null,
|
|
|
|
|
+ msg:"",
|
|
|
|
|
+ totalData:[],
|
|
|
|
|
+ goodsSku:[]
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
onLoad({order,poi_id,poi_name,juli}) {
|
|
onLoad({order,poi_id,poi_name,juli}) {
|
|
@@ -99,7 +141,130 @@ export default {
|
|
|
app.juli = juli;
|
|
app.juli = juli;
|
|
|
app.getOrder();
|
|
app.getOrder();
|
|
|
},
|
|
},
|
|
|
- methods: {
|
|
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ submitOrder(){
|
|
|
|
|
+ var formData = {};
|
|
|
|
|
+ formData.order = app.order;
|
|
|
|
|
+ formData.poi_id = app.poi_id;
|
|
|
|
|
+ if (app.storeInfo.service_type==2 && app.addressInfo == null) {
|
|
|
|
|
+ return app.$dialog.showSuccess("请选择会员地址");
|
|
|
|
|
+ }
|
|
|
|
|
+ if (app.storeInfo.service_type==1 && app.timeStr == null) {
|
|
|
|
|
+ return app.$dialog.showSuccess("请选择预约时间");
|
|
|
|
|
+ }
|
|
|
|
|
+ var skuInfo = "",skuState = true;
|
|
|
|
|
+ if (app.goodsSku.length > 0) {
|
|
|
|
|
+ app.goodsSku.forEach((item,index)=>{
|
|
|
|
|
+ var skuCheck = [],skuI = 0;
|
|
|
|
|
+ skuInfo += item.name+":";
|
|
|
|
|
+ item.list.forEach((itm,idx)=>{
|
|
|
|
|
+ if (itm.check==false){
|
|
|
|
|
+ skuInfo += itm.name+',';
|
|
|
|
|
+ skuCheck[skuI] = itm.name;
|
|
|
|
|
+ skuI ++;
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ skuInfo = skuInfo.slice(0, -1);
|
|
|
|
|
+ skuInfo += ";";
|
|
|
|
|
+ if (item.num > skuCheck.length) {
|
|
|
|
|
+ app.$dialog.showSuccess("请完善【"+item.name+"】选项");
|
|
|
|
|
+ skuState = false;
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ if (!skuState) return ;
|
|
|
|
|
+ }
|
|
|
|
|
+ formData.sku = skuInfo;
|
|
|
|
|
+ formData.address = JSON.stringify(app.addressInfo);
|
|
|
|
|
+ formData.time = app.timeStr;
|
|
|
|
|
+ formData.remark = app.msg;
|
|
|
|
|
+ app.disabled = true;
|
|
|
|
|
+ Api.submit(formData).then((res)=>{
|
|
|
|
|
+ app.disabled = false;
|
|
|
|
|
+ if (res.code == 0) {
|
|
|
|
|
+ return app.$dialog.showSuccess(res.msg);
|
|
|
|
|
+ }
|
|
|
|
|
+ app.$dialog.showSuccess(res.msg,"none",function(){
|
|
|
|
|
+ uni.switchTab({
|
|
|
|
|
+ url:"/pages/order/order"
|
|
|
|
|
+ })
|
|
|
|
|
+ });
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+ clearSku(parent){
|
|
|
|
|
+ app.totalData = [];
|
|
|
|
|
+ var goodsSku = app.goodsSku;
|
|
|
|
|
+ goodsSku[parent].list.forEach((item,index) => {
|
|
|
|
|
+ if (!item.check) {
|
|
|
|
|
+ item.check = true;
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+ skuCheck(name,length,parent,select){
|
|
|
|
|
+ var goodsSku = app.goodsSku;
|
|
|
|
|
+ if (length == '1') { // 单选
|
|
|
|
|
+ goodsSku[parent].list.forEach((item,index) => {
|
|
|
|
|
+ item.check = true;
|
|
|
|
|
+ if (index == select) {
|
|
|
|
|
+ item.check = false;
|
|
|
|
|
+ app.skuInfo = goodsSku[parent].name+":"+item.name;
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ } else { // 多选
|
|
|
|
|
+ var data = [];
|
|
|
|
|
+ var checkData = app.skuDataCheck(parent,length);
|
|
|
|
|
+ goodsSku[parent].list.forEach((item,index) => {
|
|
|
|
|
+ if (checkData >= length) {
|
|
|
|
|
+ app.$dialog.showSuccess("清除后可重选~");
|
|
|
|
|
+ return ;
|
|
|
|
|
+ }
|
|
|
|
|
+ if (index == select) {
|
|
|
|
|
+ if (item.check) {
|
|
|
|
|
+ data[parent+'_'+index] = item;
|
|
|
|
|
+ }
|
|
|
|
|
+ item.check = item.check?false:true;
|
|
|
|
|
+ app.totalData.push(data)
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ app.goodsSku = goodsSku;
|
|
|
|
|
+ },
|
|
|
|
|
+ skuDataCheck(parent,length){
|
|
|
|
|
+ var dataLen = 0;
|
|
|
|
|
+ for (let key in app.totalData) {
|
|
|
|
|
+ if (typeof app.totalData[key] == 'object' || typeof app.totalData[key] == 'array')
|
|
|
|
|
+ {
|
|
|
|
|
+ for (let indx in app.totalData[key]) {
|
|
|
|
|
+ if (indx.includes(parent+"_")) {
|
|
|
|
|
+ dataLen ++;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ return dataLen;
|
|
|
|
|
+ },
|
|
|
|
|
+ checkTimeEnd(){
|
|
|
|
|
+ app.$refs.timepopup.close()
|
|
|
|
|
+ var day = app.timeData[app.timeIndex];
|
|
|
|
|
+ var fullday = day.full;
|
|
|
|
|
+ var time = day.children[app.childIndex].display;
|
|
|
|
|
+ app.timeStr = fullday+" "+time;
|
|
|
|
|
+ },
|
|
|
|
|
+ timeCheck(index){
|
|
|
|
|
+ app.timeIndex = index;
|
|
|
|
|
+ app.timeChildren = app.timeData[index].children
|
|
|
|
|
+ },
|
|
|
|
|
+ childCheck(index){
|
|
|
|
|
+ app.childIndex = index;
|
|
|
|
|
+ },
|
|
|
|
|
+ getBackInfo(data){
|
|
|
|
|
+ app.addressInfo = data;
|
|
|
|
|
+ },
|
|
|
|
|
+ toAddress(){
|
|
|
|
|
+ uni.navigateTo({
|
|
|
|
|
+ url:"/pages/user/address?type=2"
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
selectTime(type){
|
|
selectTime(type){
|
|
|
if (type == 1) {
|
|
if (type == 1) {
|
|
|
app.$refs.timepopup.open()
|
|
app.$refs.timepopup.open()
|
|
@@ -111,13 +276,15 @@ export default {
|
|
|
getOrder(){
|
|
getOrder(){
|
|
|
Api.detail({"order":app.order}).then((res)=>{
|
|
Api.detail({"order":app.order}).then((res)=>{
|
|
|
if (res.code == 0) {
|
|
if (res.code == 0) {
|
|
|
- return app.$dialog.showSuccess(res.info,"none",function(){
|
|
|
|
|
|
|
+ return app.$dialog.showSuccess(res.msg,"none",function(){
|
|
|
uni.navigateBack()
|
|
uni.navigateBack()
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
app.goodsInfo = res.data.order;
|
|
app.goodsInfo = res.data.order;
|
|
|
app.storeInfo = res.data.store;
|
|
app.storeInfo = res.data.store;
|
|
|
- app.timeData = res.data.time
|
|
|
|
|
|
|
+ app.timeData = res.data.time
|
|
|
|
|
+ app.timeChildren = app.timeData[0].children
|
|
|
|
|
+ app.goodsSku = res.data.specs;
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
toDetail(){
|
|
toDetail(){
|
|
@@ -130,10 +297,28 @@ export default {
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
|
<style>
|
|
|
-
|
|
|
|
|
-.time-body{height: 30vh;}
|
|
|
|
|
-.time-body .time-left{width: 30%;background-color: #F5FAFD;height: 100%;overflow-y: auto;}
|
|
|
|
|
-.time-body .time-right{width: calc(70% - 20upx);margin-left: 20upx;}
|
|
|
|
|
|
|
+.addressInfo{border-top: 16upx solid #224d7a;}
|
|
|
|
|
+.addressInfo .empty-data{display: flex;align-items: center;font-size: 28upx;width: 100%;}
|
|
|
|
|
+.addressInfo .empty-data .contact-name{display: flex;align-items: center;font-size: 30upx;color: #333;margin-bottom: 20upx;}
|
|
|
|
|
+.addressInfo .empty-data .contact-name .mobile{margin-left: 20upx;}
|
|
|
|
|
+.addressInfo .empty-data .desc{font-size: 26upx;color: #666;}
|
|
|
|
|
+.addressInfo .empty-data .left image{width: 40upx;height: 40upx;margin-right: 20upx;vertical-align: middle;}
|
|
|
|
|
+.addressInfo .empty-data .right image{width: 40upx;height: 40upx;vertical-align: middle;}
|
|
|
|
|
+.addressInfo .empty-data .right{margin-left: auto;margin-right: 0;}
|
|
|
|
|
+.time-body{height: 30vh;display: flex;align-items: center;}
|
|
|
|
|
+.time-body .time-left{width: 30%;background-color: #F5FAFD;height: 100%;overflow-y: auto;}
|
|
|
|
|
+
|
|
|
|
|
+.time-body .time-left .time-left-item{padding: 10upx;text-align: center;}
|
|
|
|
|
+.time-body .time-left .time-left-item.active{background-color: #fff;color: #224d7a;}
|
|
|
|
|
+.time-body .time-left .time-left-item.active .name{color: #224d7a;}
|
|
|
|
|
+.time-body .time-left .time-left-item.active .desc{color: #224d7a;}
|
|
|
|
|
+.time-body .time-left .time-left-item .name{font-size: 28upx;color: #333;}
|
|
|
|
|
+.time-body .time-left .time-left-item .desc{font-size: 24upx;color: #666;}
|
|
|
|
|
+
|
|
|
|
|
+.time-body .time-right{width: calc(70% - 80upx);padding:0 40upx;background-color: #fff;height: 100%;overflow-y: auto;}
|
|
|
|
|
+.time-body .time-right .time-right-item{background-color: #F6FAFD;border: 2upx solid #ccc;height: 66upx;line-height: 66upx;text-align: center;font-size: 28upx;color: #333;margin-top: 20upx;border-radius: 10upx;}
|
|
|
|
|
+.time-body .time-right .time-right-item.active{color: #224d7a;border: 2upx solid #224d7a;}
|
|
|
|
|
+
|
|
|
.time-select .title{height: 100upx;line-height: 100upx;display: flex;align-items: center;justify-content: space-between;font-size: 28upx;padding: 0 20upx;font-weight: bold;}
|
|
.time-select .title{height: 100upx;line-height: 100upx;display: flex;align-items: center;justify-content: space-between;font-size: 28upx;padding: 0 20upx;font-weight: bold;}
|
|
|
.time-select image{width: 40upx;height: 40upx;vertical-align: middle;}
|
|
.time-select image{width: 40upx;height: 40upx;vertical-align: middle;}
|
|
|
.time-btn{padding: 20upx;}
|
|
.time-btn{padding: 20upx;}
|
|
@@ -143,7 +328,7 @@ export default {
|
|
|
.location .name{font-size: 32upx;color: #333;font-weight: bold;margin-bottom: 20upx;}
|
|
.location .name{font-size: 32upx;color: #333;font-weight: bold;margin-bottom: 20upx;}
|
|
|
.location .desc{color: #666;font-size: 28upx;display: flex;align-items: center;}
|
|
.location .desc{color: #666;font-size: 28upx;display: flex;align-items: center;}
|
|
|
.location .desc image{width: 40upx;height: 40upx;margin-right: 20upx;}
|
|
.location .desc image{width: 40upx;height: 40upx;margin-right: 20upx;}
|
|
|
-.goods,.order-msg{background-color: #fff;border-radius: 20upx;padding: 20upx;width: calc(95% - 40upx);margin: 20upx auto;}
|
|
|
|
|
|
|
+.goods,.order-msg,.addressInfo{background-color: #fff;border-radius: 20upx;padding: 20upx;width: calc(95% - 40upx);margin: 20upx auto;}
|
|
|
.goods .goods-info{display: flex;align-items: center;}
|
|
.goods .goods-info{display: flex;align-items: center;}
|
|
|
.goods .goods-info .info{flex: 1;margin-left: 20upx;}
|
|
.goods .goods-info .info{flex: 1;margin-left: 20upx;}
|
|
|
.goods .goods-info .image image{width: 160upx;height: 160upx;}
|
|
.goods .goods-info .image image{width: 160upx;height: 160upx;}
|
|
@@ -157,7 +342,7 @@ export default {
|
|
|
.order-time .msg{display: flex;align-items: center;font-size: 28upx;color: #333;}
|
|
.order-time .msg{display: flex;align-items: center;font-size: 28upx;color: #333;}
|
|
|
|
|
|
|
|
.order-msg .title{color: #333;font-size: 28upx;border-bottom: 2upx solid #f8f8f8;margin-bottom: 20upx;padding-bottom: 20upx;}
|
|
.order-msg .title{color: #333;font-size: 28upx;border-bottom: 2upx solid #f8f8f8;margin-bottom: 20upx;padding-bottom: 20upx;}
|
|
|
-.order-msg .textarea{width: 100%;height: 120upx;font-size: 28upx;}
|
|
|
|
|
|
|
+.order-msg .textarea{width: 100%;height: 100upx;font-size: 28upx;}
|
|
|
|
|
|
|
|
.flx-footer{position: fixed;bottom: 0;background-color: #fff;padding: 20upx;border-top: 2upx solid #f8f8f8;left: 0;right: 0;}
|
|
.flx-footer{position: fixed;bottom: 0;background-color: #fff;padding: 20upx;border-top: 2upx solid #f8f8f8;left: 0;right: 0;}
|
|
|
.flx-footer .footer-safe {height: env(safe-area-inset-bottom);width: 100%;}
|
|
.flx-footer .footer-safe {height: env(safe-area-inset-bottom);width: 100%;}
|
|
@@ -167,4 +352,48 @@ export default {
|
|
|
.flx-footer .footer-btn text.desc{color: #666;font-size: 24upx;}
|
|
.flx-footer .footer-btn text.desc{color: #666;font-size: 24upx;}
|
|
|
.flx-footer .footer-btn text.money{color: #f00;font-size: 28upx;font-weight: bold;}
|
|
.flx-footer .footer-btn text.money{color: #f00;font-size: 28upx;font-weight: bold;}
|
|
|
.flx-footer .footer-btn .price{color: #333;font-size: 28upx;}
|
|
.flx-footer .footer-btn .price{color: #333;font-size: 28upx;}
|
|
|
|
|
+
|
|
|
|
|
+.goods_skus{
|
|
|
|
|
+ padding: 20upx 20upx 0 20upx;
|
|
|
|
|
+ background-color: #fff;border-radius: 20upx;width: calc(95% - 40upx);margin: 0 auto;
|
|
|
|
|
+}
|
|
|
|
|
+.goods_skus .sku_name{
|
|
|
|
|
+ font-size: 32upx;
|
|
|
|
|
+ color: #000;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ line-height: 60upx;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+}
|
|
|
|
|
+.goods_skus .sku_name .right{
|
|
|
|
|
+ margin-left: auto;
|
|
|
|
|
+ margin-right: 0;
|
|
|
|
|
+ font-size: 26upx;
|
|
|
|
|
+ color: #666;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+}
|
|
|
|
|
+.goods_skus .sku_name .right image{
|
|
|
|
|
+ width: 30upx;
|
|
|
|
|
+ height: 30upx;
|
|
|
|
|
+ margin-right: 10upx;
|
|
|
|
|
+}
|
|
|
|
|
+.goods_skus .sku_list{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ margin: 10upx 0;
|
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
|
+}
|
|
|
|
|
+.goods_skus .sku_list .sku_item.active{
|
|
|
|
|
+ background: linear-gradient(90deg, rgba(34, 77, 122, 1) 0%, rgba(25, 97, 173, 1) 100%);
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+}
|
|
|
|
|
+.goods_skus .sku_list .sku_item{
|
|
|
|
|
+ background-color: #f8f8f8;
|
|
|
|
|
+ padding: 10upx 20upx;
|
|
|
|
|
+ margin-right: 20upx;
|
|
|
|
|
+ margin-bottom: 20upx;
|
|
|
|
|
+ border-radius: 5upx;
|
|
|
|
|
+ font-size: 28upx;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|