添加组件

miniprogram/pages/components/total-bar-plugin/total-bar-plugin.json

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

miniprogram/pages/components/total-bar-plugin/total-bar-plugin.ts

@@ -0,0 +1,19 @@
+Component({
+  options: { multipleSlots: true },
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    customStyle: null,
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {},
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {},
+});

miniprogram/pages/components/total-bar-plugin/total-bar-plugin.wxml

@@ -0,0 +1,3 @@
+<view class="box" style="{{customStyle}}">
+  <slot></slot>
+</view>

miniprogram/pages/components/total-bar-plugin/total-bar-plugin.wxss

@@ -0,0 +1,10 @@
+.box {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 24rpx;
+  column-gap: 24rpx;
+  row-gap: 16rpx;
+  background: #e8f3ff;
+  padding: 24rpx;
+  border-radius: 8rpx;
+}