modify: 消费详情

src/component/table/table.wxss

@@ -3,15 +3,15 @@
   border-collapse: collapse;
   font-size: 28rpx;
   color: #333333;
-  text-align: center;
+  text-align: left;
   vertical-align: middle;
   width: 100%;
 }
 .table .tr{
   display: table-row;
-  height: 60rpx;
+  height: 70rpx;
   vertical-align: middle;
-  line-height: 60rpx;
+  line-height: 70rpx;
 }
 .table .thead{
   display: table-header-group;
@@ -27,5 +27,12 @@
 }
 .table .tr .th,.table .tr .td{
   display: table-cell;
-  /* border: 1px solid #ddd; */
 }
+.table .tr .th:first-child {
+  width: 100rpx;
+  padding: 0rpx 30rpx 0 0;
+}
+.table .tr .th:last-child {
+ padding-left: 10rpx;
+ box-sizing: border-box;
+}
\ No newline at end of file

src/pages/consumptionDetails/consumptionDetails.js

@@ -37,7 +37,7 @@ wxService.page({
     if(orderNo){
       this.initOrderDetail(orderNo)
     }
-    // this.initOrderDetail('30119060422083416189296')
+    // this.initOrderDetail('71110110025959520190610160256')
   },
 
   initOrderDetail(orderNo){

src/pages/consumptionDetails/consumptionDetails.wxml

 <!--pages/consumptionDetails.wxml-->
 <wxs src="../../wxs/utils.wxs" module="utils" />
 
-<view class="consumption">
+<view wx:if="{{!orderDetail.length}}">
+	<view class="no-speed">暂无消费</view>
+</view>
+
+<view class="consumption" wx:if="{{orderDetail.length}}">
 	<view class="consumption-top">
 		<view class="top-ract" />
 		<view class="top-order">

src/pages/consumptionDetails/consumptionDetails.wxss

@@ -5,7 +5,6 @@
  box-shadow: 0 0 10px #eee;
  padding:40rpx;
  position: relative;
- /* background-color: pink; */
 }
 .top-ract {
   width: 20rpx;
@@ -13,7 +12,7 @@
   background: rgb(5, 195, 90);
   border-radius:20rpx;
   position: absolute;
-  top: 5%;
+  top: 50rpx;
   left: 0;
 }
 .consumption-top {
@@ -34,7 +33,9 @@
   left: 35%;
 }
 .consumption-table {
-  height: 450rpx;
+  min-height: 450rpx;
+  padding-bottom: 20rpx;
+  box-sizing: border-box;
 }
 .consumption-img {
   width: 100%;
@@ -96,6 +97,9 @@
   border-bottom: 1px dashed #ccc;
   margin-bottom:60rpx;
 }
-.top-data{
-  /* padding-left: 20rpx; */
+.no-speed {
+  color: #ccc;
+  font-size: 28rpx;
+  text-align: center;
+  padding-top: 200rpx;
 }
\ No newline at end of file