我的发票

pages/invoiceModule/invoiceDetails/invoiceDetails.vue

@@ -1,6 +1,8 @@
 <!-- 发票详情 -->
 <template>
-  <view class="details"> </view>
+  <view class="details">
+    
+  </view>
 </template>
 
 <script>

pages/invoiceModule/myInvoice/myInvoice.scss

@@ -1,5 +1,5 @@
 .invoice {
-  background-color: #f9f9f9;
+  background-color: #f5f9fc;
   height: 100vh;
   &-navbar {
     &-right {
@@ -17,24 +17,35 @@
 
     &-item {
       background-color: #fff;
-      padding: 40rpx 30rpx;
+      padding: 40rpx;
       margin-bottom: 20rpx;
-      border-radius: 6rpx;
+      border-radius: 16rpx;
       display: flex;
       align-items: center;
       justify-content: space-between;
-      
+
       &-left {
-        
         &-item {
           display: flex;
-          margin-bottom: 10rpx;
-          font-size: 26rpx;
+          font-size: 30rpx;
+          color: #333333;
+          margin-bottom: 16rpx;
+
+          &:last-child {
+            margin-bottom: 0;
+          }
+
+          .left {
+            color: #999;
+          }
 
           .money {
             font-weight: bold;
-            color: $u-type-primary;
-            font-size: 28rpx;
+            font-size: 34rpx;
+          }
+
+          .time {
+            color: #999;
           }
 
           .status {
@@ -42,6 +53,27 @@
           }
         }
       }
+
+      &-right {
+        font-size: 28rpx;
+
+        .arrow-right {
+          text-align: right;
+          margin-bottom: 30rpx;
+        }
+
+        .primary {
+          color: #2e73ff;
+        }
+
+        .error {
+          color: #999999;
+        }
+
+        .info {
+          color: #333333;
+        }
+      }
     }
   }
 }

pages/invoiceModule/myInvoice/myInvoice.vue

@@ -13,7 +13,7 @@
         class="invoice-navbar"
         slot="top"
       >
-        <view slot="right" class="invoice-navbar-right" @click="addInvoice">开发票</view>
+        <view slot="right" class="invoice-navbar-right" @click="addInvoice">申请开票</view>
       </u-navbar>
       <!-- 列表 -->
       <view class="invoice-list">
@@ -25,20 +25,22 @@
                 <template v-if="child.type === 'money'">
                   <text class="money">￥{{ item[child.key] }}</text>
                 </template>
-                <template v-else-if="child.type === 'status'">
-                  <text class="status">
-                    {{ item[child.key] }}
-                  </text>
-                  <u-tag :text="formatStatus(item['status'])" :type="formatStatusType(item['status'])" mode="dark" />
+                <template v-else-if="child.type === 'time'">
+                  <text class="time">{{ item[child.key] }}</text>
                 </template>
                 <template v-else>
-                  {{ item[child.key] }}
+                  <text>{{ item[child.key] }}</text>
                 </template>
               </view>
             </view>
           </view>
           <view class="invoice-list-item-right">
-            <u-icon name="arrow-right" color="#909399" size="28" />
+            <view class="arrow-right">
+              <u-icon name="arrow-right" color="#909399" size="28" />
+            </view>
+            <view>
+              <text :class="formatStatusType(item['status'])">{{ formatStatus(item['status']) }}</text>
+            </view>
           </view>
         </view>
       </view>
@@ -54,9 +56,9 @@ export default {
     return {
       invoiceList: [],
       invoiceObjectList: [
-        { label: '', key: 'title', type: 'status' },
         { label: '', key: 'price', type: 'money' },
-        { label: '申请时间：', key: 'applyTime' }
+        { label: '', key: 'title', type: 'status' },
+        { label: '申请时间：', key: 'applyTime', type: 'time' }
       ],
       queryParams: {
         pageNum: 1,
@@ -125,7 +127,7 @@ export default {
         { id: 4, title: '停车服务', price: 0.03, applyTime: '2023-06-12 11:21:30', status: 1 }
       ]);
     },
-    /** 
+    /**
      * @description: 获取发票列表
      * @return {*}
      */