开始做开票信息编辑

components/card/index.js

@@ -0,0 +1,27 @@
+// pages/invoicing/components/card/index.js
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  options: {
+    multipleSlots: true // 在组件定义时的选项中启用多slot支持
+  },
+  properties: {
+    title: String,
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+
+  }
+})

components/card/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

components/card/index.wxml

@@ -0,0 +1,10 @@
+<!--pages/invoicing/components/card/index.wxml-->
+<view class="cardBox">
+  <view class="title"> 
+    <view class="titleText"> {{ title }} </view>
+    <slot name="operate" />
+  </view>
+  <view class="content">
+    <slot name="content" />
+  </view>
+</view>

components/card/index.wxss

@@ -0,0 +1,24 @@
+/* pages/invoicing/components/card/index.wxss */
+.cardBox {
+  margin-left: 32rpx;
+  margin-right: 32rpx;
+  padding: 2rpx 24rpx 24rpx;
+  background-color: #fff;
+  border-radius: 20rpx;
+}
+
+.title {
+  font-size: 38rpx;
+  font-weight: 600;
+  border-bottom: 1rpx solid #ccc;
+  height: 80rpx;
+  line-height: 80rpx;
+  margin-bottom: 24rpx;
+  display: flex;
+  justify-content: space-between;
+}
+
+.titleText {
+  flex: 1;
+}
+