开始做开票信息编辑

pages/invoiceList/components/already/index.json

@@ -1,4 +1,6 @@
 {
   "component": true,
-  "usingComponents": {}
+  "usingComponents": {
+    "van-button": "@vant/weapp/button/index"
+  }
 }

pages/invoiceList/components/already/index.wxml

@@ -1,2 +1,26 @@
 <!--pages/invoiceList/components/already/index.wxml-->
-<text>pages/invoiceList/components/already/index.wxml</text>
+<view class="card">
+  <view class="left">
+    <view class="title">
+      河北华昌宝能售电有限公司
+    </view>
+    <view class="invoiceContent">
+      发票内容：电费
+    </view>
+    <view class="invoiceType">
+      发票类型：增值税专用发票
+    </view>
+    <view class="time">
+      2024年3月3日 18:00:00
+    </view>
+  </view>
+  <view class="right">
+    <view class="money"> ￥3026 </view>
+    <view class="operate">
+      <view>
+        <van-button type="info" class="save" bind:click="submit" size="small">发票</van-button>
+      </view>
+      <van-button type="info" class="save" bind:click="submit" size="small">明细</van-button>
+    </view>
+  </view>
+</view>

pages/invoiceList/components/already/index.wxss

@@ -1 +1,20 @@
-/* pages/invoiceList/components/already/index.wxss */
+/* pages/invoiceList/components/already/index.wxss */
+.card {
+  margin-top: 20rpx;
+  margin-bottom: 20rpx;
+  margin-left: 30rpx;
+  margin-right: 30rpx;
+  display: flex;
+  background-color: #fff;
+  border-radius: 26rpx;
+  padding: 20rpx;
+  box-sizing: border-box
+  ;
+}
+
+.left {
+  flex: 1;
+}
+.right {
+
+}