|
@@ -1,112 +1,148 @@
|
|
|
<template>
|
|
|
- <!-- <view class="page" :style="{'min-height':h+'px'}"> -->
|
|
|
- <view class="page">
|
|
|
- <view class="" style="height: 100%; padding-bottom: 260rpx;">
|
|
|
+ <view class="page" :style="{'min-height':h+'px','padding-top':(mt)+'px'}">
|
|
|
+ <c-nav-bar1 title="订单详情"></c-nav-bar1>
|
|
|
+ <view class="bg"></view>
|
|
|
+ <view class="content">
|
|
|
<view class="head">
|
|
|
- <text v-if='list.state==0' class="orange">待支付</text>
|
|
|
- <text v-else-if='list.state==1' class="red">已支付</text>
|
|
|
- <text v-else-if='list.state==-1' class="red">已取消</text>
|
|
|
- <text v-else-if='list.state==-2' class="green">退款中</text>
|
|
|
- <text v-else-if='list.state==3' class="green">已完成</text>
|
|
|
- <text v-else-if='list.state==-3' class="green">已退款</text>
|
|
|
- <text v-else-if='list.state==4' class="red">待使用</text>
|
|
|
- <text v-else-if='list.state==5' class="green">已预约</text>
|
|
|
- <text v-else :class="statusClass[list.state]">{{status[list.state]}}</text>
|
|
|
- <!-- <text>¥</text> -->
|
|
|
- <!-- <text>{{list.totalPrice}}</text> -->
|
|
|
+ <text v-if="merchantType==10">{{FishJialeOcfg[infoMation.status]}}</text>
|
|
|
+ <text v-esle>{{FishJialeOcfg2[infoMation.orderStatus]}}</text>
|
|
|
+ <view class="time">
|
|
|
+ 有效期:{{infoMation.activityStartTime&&infoMation.activityStartTime.substring(0,10)}}至{{infoMation.activityEndTime&&infoMation.activityEndTime.substring(0,10)}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
-
|
|
|
<view class="ticketInfo">
|
|
|
- <view class="hander-titles">
|
|
|
- <view class="image">
|
|
|
- <image src="https://i.ringzle.com/file/20240225/0db2e93d80054b459c6e40466fa852c0.png" mode="">
|
|
|
- </image>
|
|
|
- </view>
|
|
|
+ <!-- <view class="hander-titles">
|
|
|
<view class="names">
|
|
|
{{list.fishermanName}}
|
|
|
</view>
|
|
|
<view class="rights">
|
|
|
<u-icon name="arrow-right"></u-icon>
|
|
|
</view>
|
|
|
+ </view> -->
|
|
|
+ <view v-if="merchantType==10" class="dateAndType">
|
|
|
+ <u-icon name="calendar" size="32" color="#272636"></u-icon>
|
|
|
+ <text>{{infoMation.payTime}}出发/{{infoMation.orderType==3?'拼船':'包船'}}</text>
|
|
|
</view>
|
|
|
<view class="ticketInfo-hander">
|
|
|
<view class="image">
|
|
|
- <image :src="list.picList[0]" mode="aspectFill"></image>
|
|
|
+ <image :src="infoMation.productImg|delArr" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
- <view class="" style="width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;">
|
|
|
- <view class="name" style="display: flex; justify-content: space-between;">
|
|
|
- <view class="">
|
|
|
- {{list.thingName}}
|
|
|
- </view>
|
|
|
- <view class="" style="display: flex;align-items: center;;" @click="cardBtn(list)">
|
|
|
- <!-- <text style="color: #01B9F9; font-size: 26rpx ; font-weight: 500;">
|
|
|
- </text><u-icon name="arrow-right" color="#808080" size="26rpx"></u-icon> -->
|
|
|
- ¥{{list.totalPrice}}
|
|
|
- </view>
|
|
|
+ <view class="right">
|
|
|
+ <view class="name">
|
|
|
+ {{infoMation.productName}}
|
|
|
</view>
|
|
|
- <view class="date">
|
|
|
- <view class="">
|
|
|
- 价格:<text>¥{{list.totalPrice}}/人</text>
|
|
|
- </view>
|
|
|
- <view class="">
|
|
|
- 数量:<text>X{{list.num}}</text>
|
|
|
- </view>
|
|
|
+ <view class="tip">
|
|
|
+ 周一至周日 · 无需预约
|
|
|
+ </view>
|
|
|
+ <view class="price">
|
|
|
+ <text>¥</text><text>{{infoMation.realityPay}}</text>
|
|
|
</view>
|
|
|
-
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
- <view class="ticketInfo-demo">
|
|
|
-
|
|
|
+ </view>
|
|
|
+ <view class="foods">
|
|
|
+ <view class="tit">
|
|
|
+ 套餐明细
|
|
|
+ </view>
|
|
|
+ <view class="li" v-for="(item,inex) in infoMation.productsDetail" :key="index">
|
|
|
+ <text>{{item.name}}</text>
|
|
|
+ <text>{{item.number}}</text>
|
|
|
+ <text>¥{{item.price}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- 游客信息 -->
|
|
|
+ <view class="orderInfo " style="padding-bottom: 30rpx;">
|
|
|
+ <view class="tit">游客信息</view>
|
|
|
+ <u-cell :border="false" v-for="(i,index) in infoMation.aa">
|
|
|
+ <text slot="icon" class="txt">订单编号</text>
|
|
|
+ >
|
|
|
+ <text slot="title" class="val">{{infoMation.orderCode}}</text>
|
|
|
+ <text slot="right-icon">复制</text>
|
|
|
+ </u-cell>
|
|
|
+ </view>
|
|
|
<!-- 订单信息 -->
|
|
|
<view class="orderInfo " style="padding-bottom: 30rpx;">
|
|
|
<view class="tit">订单信息</view>
|
|
|
-
|
|
|
- <u-cell :border="true">
|
|
|
+ <u-cell :border="false">
|
|
|
<text slot="icon" class="txt">订单编号</text>
|
|
|
>
|
|
|
- <text slot="title" class="val">{{list.orderCode}}</text>
|
|
|
+ <text slot="title" class="val">{{infoMation.orderCode}}</text>
|
|
|
<text slot="right-icon" class="icon"
|
|
|
style="border: 1rpx solid #007A69; border-radius: 50rpx; box-sizing: border-box; color: #007A69;padding: 2rpx 10rpx; font-size: 22rpx; font-weight: Regular;"
|
|
|
- @tap="copyOrderNo(list)">复制</text>
|
|
|
- </u-cell>
|
|
|
-
|
|
|
- <u-cell :border="true">
|
|
|
- <text slot="icon" class="txt">下单时间</text>
|
|
|
- >
|
|
|
- <text slot="title" class="val">{{list.orderTime}}</text>
|
|
|
- </u-cell>
|
|
|
- <u-cell :border="true">
|
|
|
- <text slot="icon" class="txt">联系人</text>
|
|
|
- >
|
|
|
- <text slot="title" class="val">{{list.userName}}</text>
|
|
|
- </u-cell>
|
|
|
- <u-cell :border="true">
|
|
|
- <text slot="icon" class="txt">联系方式</text>
|
|
|
- >
|
|
|
- <text slot="title" class="val">{{list.phone}}</text>
|
|
|
-
|
|
|
- </u-cell>
|
|
|
- <u-cell :border="true">
|
|
|
- <text slot="icon" class="txt">支付方式</text>
|
|
|
- >
|
|
|
- <text slot="title" class="val">微信支付</text>
|
|
|
+ @tap="copyOrderNo()">复制</text>
|
|
|
</u-cell>
|
|
|
+ <template v-if="merchantType==4">
|
|
|
+ <u-cell :border="false">
|
|
|
+ <text slot="icon" class="txt">付款时间</text>
|
|
|
+ >
|
|
|
+ <text slot="title" class="val">{{infoMation.orderTime}}</text>
|
|
|
+ </u-cell>
|
|
|
+ <u-cell :border="false">
|
|
|
+ <text slot="icon" class="txt">订单总价</text>
|
|
|
+ >
|
|
|
+ <text slot="title" class="val">{{infoMation.realityPay}}</text>
|
|
|
+ </u-cell>
|
|
|
+ <u-cell :border="false">
|
|
|
+ <text slot="icon" class="txt">实际付款</text>
|
|
|
+ >
|
|
|
+ <text slot="title" class="val">{{infoMation.realityPay}}</text>
|
|
|
+ </u-cell>
|
|
|
+ <u-cell :border="false">
|
|
|
+ <text slot="icon" class="txt">联系方式</text>
|
|
|
+ >
|
|
|
+ <text slot="title" class="val">{{infoMation.phone}}</text>
|
|
|
+ </u-cell>
|
|
|
+ </template>
|
|
|
+ <template v-if="merchantType==10">
|
|
|
+ <u-cell :border="false">
|
|
|
+ <text slot="icon" class="txt">下单时间</text>
|
|
|
+ >
|
|
|
+ <text slot="title" class="val">{{infoMation.orderTime}}</text>
|
|
|
+ </u-cell>
|
|
|
+ <u-cell :border="false">
|
|
|
+ <text slot="icon" class="txt">下单时间</text>
|
|
|
+ >
|
|
|
+ <text slot="title" class="val">{{infoMation.realityPay}}</text>
|
|
|
+ </u-cell>
|
|
|
+ <u-cell :border="false">
|
|
|
+ <text slot="icon" class="txt">联系方式</text>
|
|
|
+ >
|
|
|
+ <text slot="title" class="val">{{infoMation.realityPay}}</text>
|
|
|
+ </u-cell>
|
|
|
+ <u-cell :border="false">
|
|
|
+ <text slot="icon" class="txt">支付方式</text>
|
|
|
+ >
|
|
|
+ <text slot="title" class="val">{{infoMation.phone}}</text>
|
|
|
+ </u-cell>
|
|
|
+ <u-cell :border="false">
|
|
|
+ <text slot="icon" class="txt">总计</text>
|
|
|
+ >
|
|
|
+ <text slot="title" class="val" style="color: #111">{{infoMation.totalPrice}}</text>
|
|
|
+ </u-cell>
|
|
|
+ </template>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="btns">
|
|
|
- <template v-if="list.state==4||list.state==5">
|
|
|
- <view class="detail del" @tap="handleDetail(list)">
|
|
|
- 核销订单
|
|
|
+ <!-- 餐饮 -->
|
|
|
+ <view class="btns" v-if="merchantType==4&&infoMation.orderStatus==4">
|
|
|
+ <view class="detail del" @tap="hexiao()" v-if="infoMation.orderStatus==4">
|
|
|
+ 核销订单
|
|
|
+ </view>
|
|
|
+ <!-- <template v-else>
|
|
|
+ <view class="detail" @tap="Detail(list)">
|
|
|
+ 删除订单
|
|
|
</view>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
+ </template> -->
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="btns" v-if="merchantType==10&&infoMation.status==1">
|
|
|
+ <view class="detail del" @tap="hexiao()" v-if="infoMation.status==1">
|
|
|
+ 核销订单
|
|
|
+ </view>
|
|
|
+ <!-- <template v-else>
|
|
|
<view class="detail" @tap="Detail(list)">
|
|
|
删除订单
|
|
|
</view>
|
|
|
- </template>
|
|
|
+ </template> -->
|
|
|
|
|
|
</view>
|
|
|
</view>
|
|
@@ -117,38 +153,81 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- h: uni.getSystemInfoSync().windowHeight,
|
|
|
- mt: uni.getSystemInfoSync().statusBarHeight + 44,
|
|
|
+ merchantType: uni.getStorageSync('merchantType'),
|
|
|
+ merchantId: uni.getStorageSync('merchantId'),
|
|
|
+ //渔家乐
|
|
|
+ FishJialeOcfg: {
|
|
|
+ 0: '待支付',
|
|
|
+ 1: '待使用',
|
|
|
+ 2: '拼船中',
|
|
|
+ 3: '已使用',
|
|
|
+ 4: '退款中',
|
|
|
+ 5: '已退款',
|
|
|
+ 6: '已取消',
|
|
|
+ 7: '已完成',
|
|
|
+ 8: '拼团失败'
|
|
|
+ },
|
|
|
+ //餐饮
|
|
|
+ FishJialeOcfg2: {
|
|
|
+ 0: '待支付',
|
|
|
+ 4: '待使用',
|
|
|
+ 3: '已完成',
|
|
|
+ '-1': '已取消',
|
|
|
+ '-2': '退款中',
|
|
|
+ '-3': '已退款',
|
|
|
+ },
|
|
|
list: {},
|
|
|
- statusClass: [
|
|
|
- '',
|
|
|
- 'green',
|
|
|
- 'blue',
|
|
|
- 'grey',
|
|
|
- 'grey',
|
|
|
- ],
|
|
|
-
|
|
|
+ infoMation: {},
|
|
|
+ orderCode: '',
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad(opt) {
|
|
|
+ this.orderCode = opt.orderCode;
|
|
|
+ if (this.merchantType == 10) {
|
|
|
+ this.info()
|
|
|
+ } else {
|
|
|
+ this.info2()
|
|
|
}
|
|
|
},
|
|
|
- onLoad() {
|
|
|
- this.list = uni.getStorageSync('list')
|
|
|
- console.log(this.list);
|
|
|
- // console.log(JSON.parse(option.list));
|
|
|
- // this.list = JSON.parse(option.list)
|
|
|
- // console.log('-----', this.list);
|
|
|
+ filters: {
|
|
|
+ delArr(val) {
|
|
|
+ if (val) {
|
|
|
+ return val.split(',')[0]
|
|
|
+ }
|
|
|
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
- copyOrderNo(item) {
|
|
|
+ //渔家乐
|
|
|
+ info() {
|
|
|
+ this.$api.get('/api/fishering/personCenterOrderDetail/' + this.orderCode).then(res => {
|
|
|
+ console.log(res)
|
|
|
+ if (res.data.code == 0) {
|
|
|
+ this.infoMation = res.data.data;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //餐饮
|
|
|
+ info2() {
|
|
|
+ this.$api.get('/api/merchant/food/queryOrderDetail', {
|
|
|
+ orderCode: this.orderCode
|
|
|
+ }).then(res => {
|
|
|
+ if (res.data.code == 0) {
|
|
|
+ this.infoMation = res.data.data;
|
|
|
+ this.infoMation.productsDetail = JSON.parse(res.data.data.productsDetail);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ copyOrderNo() {
|
|
|
let that = this;
|
|
|
// #ifdef H5
|
|
|
- this.$copyText(item.orderCode).then(res => {
|
|
|
+ this.$copyText(this.infoMation.orderCode).then(res => {
|
|
|
this.$showToast('复制成功');
|
|
|
})
|
|
|
// #endif
|
|
|
// #ifdef MP-WEIXIN
|
|
|
uni.setClipboardData({
|
|
|
- data: item.orderCode,
|
|
|
+ data: this.infoMation.orderCode,
|
|
|
success(res) {
|
|
|
that.$showToast('复制成功');
|
|
|
},
|
|
@@ -159,30 +238,28 @@
|
|
|
// #endif
|
|
|
},
|
|
|
// 核销
|
|
|
- handleDetail(item) {
|
|
|
-
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pagesHouse/Verification/index'
|
|
|
- })
|
|
|
- // console.log(item);
|
|
|
- // this.$api.post('/merchant/merchantFisherman/home/writeOffOrder', {
|
|
|
- // writeOffCode: item.orderCode
|
|
|
- // }).then(
|
|
|
- // res => {
|
|
|
- // console.log(res.data);
|
|
|
- // })
|
|
|
- },
|
|
|
- // 删除订单
|
|
|
- toStatus() {
|
|
|
- this.$refs.uToast.show({
|
|
|
- type: 'success',
|
|
|
- title: '',
|
|
|
- message: "正在开发",
|
|
|
- iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/default.png'
|
|
|
- })
|
|
|
+ hexiao(item) {
|
|
|
+ let that = this;
|
|
|
+ if (this.merchantType == 10) {} else {}
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: '确定核销订单?',
|
|
|
+ success: function(res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ that.$api.post('/api/merchant/food/scenic/merchant/order/verifyOrderQrCode', {
|
|
|
+ merchantId: that.merchantId,
|
|
|
+ orderCode: that.infoMation.orderCode,
|
|
|
+ type: 4
|
|
|
+ }).then(res => {
|
|
|
+ if (res.data.code === 0) {
|
|
|
+ that.$showToast('订单已核销');
|
|
|
+ that.init();
|
|
|
+ } else that.$showToast(res.data.msg)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -194,13 +271,68 @@
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
+ .bg {
|
|
|
+ height: 100%;
|
|
|
+ position: fixed;
|
|
|
+ z-index: 1;
|
|
|
+ width: 100%;
|
|
|
+ background-image: linear-gradient(to bottom, #007A69, #F5F8FA, #F5F8FA);
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ position: relative;
|
|
|
+ z-index: 99;
|
|
|
+ }
|
|
|
+
|
|
|
.page {
|
|
|
box-sizing: border-box;
|
|
|
// height: 100%;
|
|
|
- background-color: #F5F8FA;
|
|
|
+ background-color: #007A69;
|
|
|
+ padding-bottom: 170rpx;
|
|
|
}
|
|
|
|
|
|
+ .foods {
|
|
|
+ padding: 0 20rpx 10rpx;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ margin: 0 20rpx 20rpx;
|
|
|
+
|
|
|
+ .tit {
|
|
|
+ padding-top: 54rpx;
|
|
|
+ font-family: PingFang-SC, PingFang-SC;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 36rpx;
|
|
|
+ color: #111111;
|
|
|
+ line-height: 40rpx;
|
|
|
+ text-align: left;
|
|
|
+ font-style: normal;
|
|
|
+ margin-bottom: 36rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .li {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 24rpx;
|
|
|
|
|
|
+ text {
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #111;
|
|
|
+
|
|
|
+ &:first-child {
|
|
|
+ width: 80rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:nth-child(2) {
|
|
|
+ color: #999;
|
|
|
+ text-align: right;
|
|
|
+ display: inline-block;
|
|
|
+ flex: 1;
|
|
|
+ margin-right: 30rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
.ticketInfo-demo {
|
|
|
// border-bottom: 2rpx solid #EFEFEF;
|
|
@@ -262,12 +394,22 @@
|
|
|
box-sizing: border-box;
|
|
|
width: 96%;
|
|
|
margin: 0 auto 20rpx;
|
|
|
- padding: 40rpx 24rpx 4rpx;
|
|
|
+ padding: 33rpx 24rpx;
|
|
|
border-radius: 20rpx;
|
|
|
position: relative;
|
|
|
background-color: #fff;
|
|
|
z-index: 2;
|
|
|
|
|
|
+ .dateAndType {
|
|
|
+ height: 36rpx;
|
|
|
+ font-family: PingFang-SC, PingFang-SC;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 36rpx;
|
|
|
+ margin-bottom: 48rpx;
|
|
|
+ }
|
|
|
+
|
|
|
.hander-titles {
|
|
|
display: flex;
|
|
|
height: 32rpx;
|
|
@@ -299,6 +441,7 @@
|
|
|
|
|
|
.image {
|
|
|
width: 136rpx;
|
|
|
+ min-width: 136rpx;
|
|
|
height: 136rpx;
|
|
|
border-radius: 12rpx;
|
|
|
margin-right: 20rpx;
|
|
@@ -313,12 +456,28 @@
|
|
|
}
|
|
|
|
|
|
.name {
|
|
|
- font-size: 32rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ line-height: 30rpx;
|
|
|
color: #333;
|
|
|
font-weight: bold;
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
+ .tip {
|
|
|
+ margin: 16rpx 0 20rpx;
|
|
|
+ color: #777;
|
|
|
+ }
|
|
|
+
|
|
|
+ .price {
|
|
|
+ text {
|
|
|
+ font-size: 30rpx;
|
|
|
+
|
|
|
+ &:first-child {
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
.date {
|
|
|
// padding: 20rpx 0 32rpx;
|
|
|
padding-top: 20rpx;
|
|
@@ -339,43 +498,6 @@
|
|
|
|
|
|
|
|
|
|
|
|
- .topHead {
|
|
|
- width: 96%;
|
|
|
- margin: 0 auto;
|
|
|
- background-color: #F5F8FA;
|
|
|
- padding: 28rpx 0 28rpx 84rpx;
|
|
|
- border-radius: 16rpx;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- text {
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- z-index: 1;
|
|
|
- border-radius: 16rpx 0 0 16rpx;
|
|
|
- width: 48rpx;
|
|
|
- color: #fff;
|
|
|
- font-size: 20rpx;
|
|
|
- background-color: #484F61;
|
|
|
- text-align: center;
|
|
|
- height: 100%;
|
|
|
- padding: 15rpx 10rpx 0;
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .p {
|
|
|
- font-size: 28rpx;
|
|
|
- color: #333;
|
|
|
-
|
|
|
- &:nth-of-type(1) {
|
|
|
- font-weight: 600;
|
|
|
- margin-bottom: 16rpx;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
.code {
|
|
|
margin-top: 40rpx;
|
|
|
text-align: center;
|
|
@@ -413,46 +535,20 @@
|
|
|
|
|
|
.head {
|
|
|
box-sizing: border-box;
|
|
|
- padding: 34rpx 24rpx 40rpx;
|
|
|
- // display: flex;
|
|
|
- // position: relative;
|
|
|
- // z-index: 2;
|
|
|
+ padding: 37rpx 40rpx 30rpx;
|
|
|
+ color: #fff;
|
|
|
|
|
|
text {
|
|
|
- color: #fff;
|
|
|
-
|
|
|
- &:nth-child(1),
|
|
|
- &:nth-child(3) {
|
|
|
- font-size: 44rpx;
|
|
|
- font-weight: Bold;
|
|
|
- }
|
|
|
-
|
|
|
- &:nth-child(2) {
|
|
|
- flex: 1;
|
|
|
- text-align: right;
|
|
|
- width: 100px;
|
|
|
- font-size: 36rpx;
|
|
|
- }
|
|
|
- }
|
|
|
|
|
|
- .red {
|
|
|
- color: indianred;
|
|
|
- }
|
|
|
-
|
|
|
- .green {
|
|
|
- color: #111111;
|
|
|
- }
|
|
|
+ font-size: 44rpx;
|
|
|
+ font-weight: Bold;
|
|
|
|
|
|
- .blue {
|
|
|
- color: #1372FF;
|
|
|
- }
|
|
|
|
|
|
- .grey {
|
|
|
- color: #4C5F76;
|
|
|
}
|
|
|
|
|
|
- .orange {
|
|
|
- color: #FF9100;
|
|
|
+ .time {
|
|
|
+ margin-top: 18rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -464,7 +560,7 @@
|
|
|
width: 100%;
|
|
|
position: fixed;
|
|
|
bottom: 0;
|
|
|
- z-index: 4;
|
|
|
+ z-index: 999;
|
|
|
left: 0;
|
|
|
display: flex;
|
|
|
padding: 32rpx 32rpx 50rpx;
|