@uxda/appkit 1.0.40 → 1.0.42

package/.vscode/components.code-snippets

@@ -0,0 +1,61 @@
+{
+  "新建组件": {
+    "prefix": ["nsc", "nutshell"],
+    "body": [
+      "import { PropType, ObjectEmitsOptions, SlotsType } from 'vue'"
+      "import { define, MakePropsType } from '../../utils'"
+      "",
+      "export const ${2}Props = {"
+      "\tlabel: {"
+      "\t\ttype: String"
+      "\t}"
+      "}"
+      ""
+      "export type ${1}Emits = {"
+      "}"
+      ""
+      "const ${2}Emits: ${1}Emits = {"
+      "}"
+      ""
+      "export type ${1}Slots = {"
+      "\tdefault: never,"
+      "}"
+      ""
+      "export type ${1}Props = MakePropsType<typeof ${2}Props, ${1}Emits>"
+      "",
+      "$BLOCK_COMMENT_START*"
+      " * ${3} 组件 <ns-${2}>"
+      " $BLOCK_COMMENT_END"
+      "export const Ns${1:$TM_FILENAME_BASE} = define({"
+      "\tname: 'Ns${1}',"
+      "\tprops: ${2}Props,"
+      "\temits: ${2}Emits,"
+      "\tsetup (props, ctx) {"
+      "\t\treturn {"
+      "\t\t}"
+      "\t}"
+      "})"
+      "// 需要增加 import 到 ./index.ts, ../components.ts"
+    ],
+    "description": "新建组件"
+  },
+
+  "新建 vendor": {
+    "prefix": ["nsv", "nutshell-vendor"],
+    "body": [
+      "import { h, SetupContext } from 'vue'",
+      "import { ${2:$TM_FILENAME_BASE} as Antdv${2} } from 'ant-design-vue'",
+      "import { ${1}Props } from '../../../../components'"
+      "",
+      "export const ${1:$TM_FILENAME_BASE} = (props: ${1}Props, ctx: SetupContext) => {",
+      "",
+      "\treturn h(Antdv${2}, {",
+      "\t\tclass: 'ns-${3}',",
+      "\t}, () => '')",
+      "}",
+      "// + import => ./index.ts, ../components.ts"
+      ""
+    ],
+    "description": "新建组件"
+  }
+}

package/.vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "editorconfig.editorconfig",
+  ],
+  "unwantedRecommendations": [
+  ]
+}

package/.vscode/settings.json

@@ -0,0 +1,98 @@
+{
+  "eslint.enable": true,
+  "eslint.validate": [],
+  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
+  "files.exclude": {
+    "**/dist": true,
+    "**/nutshell.css": true,
+    "**/antdv.css": true,
+    "**/nutui.css": true,
+    "**/auto-imports.d.ts": true,
+    "**/node_modules": true,
+    "**/yarn-error.log": true,
+    "**/.eslintrc-auto-import.json": true,
+  },
+  "workbench.colorCustomizations": {
+    "[Atlantic Night]": {
+      "editor.background": "#060f3d",
+      "tab.border": "#060f3d",
+      "tab.activeBackground": "#060f3d",
+      "tab.activeBorder": "#060f3d",
+      "tab.activeBorderTop": "#060f3d",
+      "tab.inactiveBackground": "#060f3d",
+      "tab.activeModifiedBorder": "#060f3d",
+      "sideBar.background": "#060f3d",
+      "sideBar.border": "#060f3d",
+      "sideBar.foreground": "#0091ff",
+      "sideBarSectionHeader.border": "#060f3d",
+      "focusBorder": "#060f3d",
+      "sideBarSectionHeader.background": "#060f3d",
+      "activityBar.background": "#060f3d",
+      "activityBar.foreground": "#ff009d",
+      "activityBar.activeBorder": "#ff009d",
+      "activityBar.inactiveForeground": "#ff009d",
+      "scrollbarSlider.background": "#00569d66",
+      "activityBar.border": "#060f3d",
+      "activityBar.activeBackground": "#060f3d",
+      "editorGroup.border": "#060f3d",
+      "editorGroupHeader.noTabsBackground": "#060f3d",
+      "editorGroupHeader.tabsBackground": "#060f3d",
+      "editorGroupHeader.tabsBorder": "#060f3d",
+      "editorWidget.background": "#060f3d",
+      "editorHoverWidget.background": "#001163",
+      "editorHoverWidget.border": "#002aff",
+      "editorSuggestWidget.background": "#001163",
+      "editorSuggestWidget.border": "#002aff",
+      "editorSuggestWidget.focusHighlightForeground": "#00ff73",
+      "editorSuggestWidget.selectedBackground": "#ff009d",
+      "editorGutter.background": "#060f3d",
+      "editor.lineHighlightBackground": "#08165a",
+      "editor.lineHighlightBorder": "#060f3d",
+      "titleBar.activeBackground": "#060f3d",
+      "titleBar.inactiveBackground": "#060f3d",
+      "quickInput.background": "#001163",
+      "quickInputList.focusBackground": "#ff009d",
+      "quickInputTitle.background": "#ff0000",
+      "quickInput.foreground": "#00ff73",
+      "input.background": "#060f3d",
+    }
+  },
+  "editor.semanticTokenColorCustomizations": {
+    "rules": {
+      "keyword.void": {
+        "foreground": "#ffff99",
+        "fontStyle": "underline"
+      }
+    },
+      },
+  "editor.tokenColorCustomizations": {
+    "[Shades of Purple]": {
+      "comments": {
+        "foreground": "#00ffae",
+        "fontStyle": ""
+      },
+      "textMateRules": [
+        {
+          "name": "types",
+          "scope": "entity.name.type",
+          "settings": {
+            "fontStyle": "bold underline",
+          },
+        },
+        {
+          "scope": "variable.other.readwrite.ts",
+          "settings": {
+              "foreground": "#ff00c8"
+          }
+        },
+        {
+          "scope": "entity.other.attribute-name.html",
+          "settings": {
+            "fontStyle": "",
+            "foreground": "#ffbb00"
+          },
+        }
+      ]
+    }
+  }
+}

package/dist/appkit.css

@@ -137,36 +137,41 @@
   color: #FD6701;
 }
 .recharge-result {
+  padding-top: 120px;
+}
+.recharge-result .content {
   display: flex;
-  width: 100vw;
-  height: 100vh;
+  width: 100%;
+  height: fit-content;
   flex-direction: column;
-  justify-content: center;
+  justify-content: flex-start;
   align-items: center;
 }
 .recharge-result h2 {
   font-size: 16px;
   font-weight: bold;
-  margin: 1em;
+  margin-top: 20px;
 }
 .recharge-result .caption {
   color: #353535;
   opacity: 0.5;
+  margin-top: 8px;
 }
 .recharge-result .figure {
   width: 100px;
   height: 100px;
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MC41IDEwQzcyLjg2NzUgMTAgOTEgMjcuOTA4NiA5MSA1MEM5MSA3Mi4wOTE0IDcyLjg2NzUgOTAgNTAuNSA5MEMyOC4xMzI1IDkwIDEwIDcyLjA5MTQgMTAgNTBDMTAgMjcuOTA4NiAyOC4xMzI1IDEwIDUwLjUgMTBaIiBmaWxsPSIjOUFFMkNEIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTAuNSAxOEM2OS4wMDE1IDE4IDg0IDMyLjU1MDggODQgNTAuNUM4NCA2OC40NDkyIDY5LjAwMTUgODMgNTAuNSA4M0MzMS45OTg1IDgzIDE3IDY4LjQ0OTIgMTcgNTAuNUMxNyAzMi41NTA4IDMxLjk5ODUgMTggNTAuNSAxOFYxOFoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTM3IDQ5LjVMNDcgNjBMNjcgMzkiIHN0cm9rZT0iIzNEQ0E5RCIgc3Ryb2tlLXdpZHRoPSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xOS4xMjA0IDE2LjI5MTlMNy45OTg4NCAxMi43MzIxTDE1LjkyOTQgNS4wNTg5N0wxOS4xMjA0IDE2LjI5MTlaIiBmaWxsPSIjQ0FGQUVDIi8+CjxwYXRoIGQ9Ik0xMi44MzQgMjMuNDY0Mkw4LjU0NjMxIDI3LjU3NzhMNy4xMjc2NSAyMS44MDc4TDEyLjgzNCAyMy40NjQyWiIgZmlsbD0iI0NBRkFFQyIvPgo8L3N2Zz4K");
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MC41IDEwQzcyLjg2NzUgMTAgOTEgMjcuOTA4NiA5MSA1MEM5MSA3Mi4wOTE0IDcyLjg2NzUgOTAgNTAuNSA5MEMyOC4xMzI1IDkwIDEwIDcyLjA5MTQgMTAgNTBDMTAgMjcuOTA4NiAyOC4xMzI1IDEwIDUwLjUgMTBaIiBmaWxsPSIjOUFFMkNEIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTAuNSAxOEM2OS4wMDE1IDE4IDg0IDMyLjU1MDggODQgNTAuNUM4NCA2OC40NDkyIDY5LjAwMTUgODMgNTAuNSA4M0MzMS45OTg1IDgzIDE3IDY4LjQ0OTIgMTcgNTAuNUMxNyAzMi41NTA4IDMxLjk5ODUgMTggNTAuNSAxOFoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTM3IDQ5LjVMNDcgNjBMNjcgMzkiIHN0cm9rZT0iIzNEQ0E5RCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE5LjEyMDQgMTYuMjkxOUw3Ljk5ODg0IDEyLjczMjFMMTUuOTI5NCA1LjA1ODk3TDE5LjEyMDQgMTYuMjkxOVoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTEyLjgzNCAyMy40NjQyTDguNTQ2MzEgMjcuNTc3OEw3LjEyNzY1IDIxLjgwNzhMMTIuODM0IDIzLjQ2NDJaIiBmaWxsPSIjQ0FGQUVDIi8+Cjwvc3ZnPgo=");
 }
 .recharge-result .back-button {
-  margin-top: 3em;
+  margin-top: 40px;
+  width: 128px;
 }
 page {
   --text-color: #333;
   --text-color-dark-mode: #eee;
 }
 .number {
-  font-family: 'DIN alternate';
+  font-family: 'DIN alternate', 'Barlow Condensed', 'Roboto Condensed', sans-serif-condensed-light;
 }
 .account-card .card {
   background: #2F2F2F;
@@ -217,8 +222,8 @@ page {
 }
 .account-card .card .line {
   margin: 6px 0px 8px 0px;
-  height: 1px;
-  background: #C3C3C3;
+  height: 0.5px;
+  background: rgb(195, 195, 195);
   opacity: 0.2;
 }
 .account-card .card .card-row-right .pay {
@@ -234,7 +239,7 @@ page {
 .account-card .card .card-row-right .pay .pay-icon {
   display: block;
   font-size: 0;
-  width: 3px;
+  width: 3.5px;
   height: 6px;
   margin-left: 6px;
 }
@@ -698,7 +703,7 @@ page {
 .consumption-rules-popup {
   border-radius: 16px;
   width: 70%;
-  height: 70%;
+  max-height: 80%;
   padding: 24px;
 }
 .balance-reminder-popup {

package/dist/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createTextVNode, createStaticVNode, createCommentVNode, renderSlot, createVNode, ref, onMounted, unref, computed, withDirectives, vShow } from 'vue';
-import Taro, { useDidShow, usePageScroll } from '@tarojs/taro';
+import Taro, { useDidShow, usePageScroll, usePullDownRefresh } from '@tarojs/taro';
 import { Grid, GridItem, Button, Checkbox, Popup, OverLay, Icon, DatePicker, Picker } from '@nutui/nutui-taro';
 
 const _hoisted_1$b = { class: "token-line number" };
@@ -570,21 +570,22 @@ var script$7 = /* @__PURE__ */ defineComponent({
 script$7.__file = "src/payment/components/RechargeView.vue";
 
 const _hoisted_1$6 = { class: "recharge-result" };
-const _hoisted_2$6 = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$6 = { class: "content" };
+const _hoisted_3$6 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "figure" },
   null,
   -1
   /* HOISTED */
 );
-const _hoisted_3$6 = /* @__PURE__ */ createElementVNode(
+const _hoisted_4$5 = /* @__PURE__ */ createElementVNode(
   "h2",
   null,
   "\u5145\u503C\u6210\u529F",
   -1
   /* HOISTED */
 );
-const _hoisted_4$5 = /* @__PURE__ */ createElementVNode(
+const _hoisted_5$5 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "caption" },
   "\u4E91\u8C46\u5C06\u57285\u5206\u949F\u4E4B\u5185\u5230\u8D26",
@@ -602,20 +603,22 @@ var script$6 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_nut_button = resolveComponent("nut-button");
       return openBlock(), createElementBlock("div", _hoisted_1$6, [
-        _hoisted_2$6,
-        _hoisted_3$6,
-        _hoisted_4$5,
-        createVNode(_component_nut_button, {
-          class: "back-button",
-          type: "default",
-          onClick: onBackClick
-        }, {
-          default: withCtx(() => [
-            createTextVNode("\u8FD4\u56DE")
-          ]),
-          _: 1
-          /* STABLE */
-        })
+        createElementVNode("div", _hoisted_2$6, [
+          _hoisted_3$6,
+          _hoisted_4$5,
+          _hoisted_5$5,
+          createVNode(_component_nut_button, {
+            class: "back-button",
+            type: "default",
+            onClick: onBackClick
+          }, {
+            default: withCtx(() => [
+              createTextVNode("\u8FD4\u56DE")
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ])
       ]);
     };
   }
@@ -1429,6 +1432,12 @@ var script$1 = /* @__PURE__ */ defineComponent({
       const { scrollTop } = e;
       scrollY.value = scrollTop;
     });
+    usePullDownRefresh(() => {
+      loadBalance();
+      setTimeout(() => {
+        Taro.stopPullDownRefresh();
+      }, 500);
+    });
     return (_ctx, _cache) => {
       const _component_nut_popup = resolveComponent("nut-popup");
       return openBlock(), createElementBlock(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxda/appkit",
-  "version": "1.0.40",
+  "version": "1.0.42",
   "description": "小程序应用开发包",
   "main": "dist/index.js",
   "module": "dist/index.ts",

package/src/balance/components/AccountView.vue

@@ -128,7 +128,7 @@
 </template>
 
 <script lang="ts" setup>
-import Taro, { useDidShow, usePageScroll } from '@tarojs/taro'
+import Taro, { useDidShow, usePageScroll, usePullDownRefresh } from '@tarojs/taro'
 import { computed, reactive, ref } from 'vue'
 import { endpoints, makeHttp } from '../api'
 import { ConsumptionFiltering, ConsumptionGroups, Balance } from '../types'
@@ -232,6 +232,14 @@ usePageScroll((e) => {
   const { scrollTop } = e
   scrollY.value = scrollTop
 })
+
+usePullDownRefresh(() => {
+  // 页面下拉刷新
+  loadBalance()
+  setTimeout(() => {
+    Taro.stopPullDownRefresh()
+  }, 500);
+})
 </script>
 
 <style lang="scss">
@@ -478,7 +486,7 @@ usePageScroll((e) => {
 .consumption-rules-popup {
   border-radius: 16px;
   width: 70%;
-  height: 70%;
+  max-height: 80%;
   padding: 24px;
 }
 </style>

package/src/balance/components/BalanceCard.vue

@@ -128,8 +128,8 @@ useDidShow(() => {
     }
     .line{
       margin: 6px 0px 8px 0px;
-      height: 1px;
-      background: #C3C3C3;
+      height: 0.5px;
+      background: rgb(195, 195, 195);
       opacity: 0.2;
     }
     .card-row-right{
@@ -145,7 +145,7 @@ useDidShow(() => {
         .pay-icon{
           display: block;
           font-size: 0;
-          width: 3px;
+          width: 3.5px;
           height: 6px;
           margin-left: 6px;
         }

package/src/payment/components/RechargeResult.vue

@@ -1,9 +1,11 @@
 <template>
   <div class="recharge-result">
-    <div class="figure"></div>
-    <h2>充值成功</h2>
-    <div class="caption">云豆将在5分钟之内到账</div>
-    <nut-button class="back-button" type="default" @click="onBackClick">返回</nut-button>
+    <div class="content">
+      <div class="figure"></div>
+      <h2>充值成功</h2>
+      <div class="caption">云豆将在5分钟之内到账</div>
+      <nut-button class="back-button" type="default" @click="onBackClick">返回</nut-button>
+    </div>
   </div>
 </template>
 
@@ -18,28 +20,33 @@ function onBackClick () {
 
 <style lang="scss">
 .recharge-result {
-  display: flex;
-  width: 100vw;
-  height: 100vh;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
+  padding-top: 120px;
+  .content {
+    display: flex;
+    width: 100%;
+    height: fit-content;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+  }
   h2 {
     font-size: 16px;
     font-weight: bold;
-    margin: 1em;
+    margin-top: 20px;
   }
   .caption {
     color: #353535;
     opacity: 0.5;
+    margin-top: 8px;
   }
   .figure {
     width: 100px;
     height: 100px;
-    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MC41IDEwQzcyLjg2NzUgMTAgOTEgMjcuOTA4NiA5MSA1MEM5MSA3Mi4wOTE0IDcyLjg2NzUgOTAgNTAuNSA5MEMyOC4xMzI1IDkwIDEwIDcyLjA5MTQgMTAgNTBDMTAgMjcuOTA4NiAyOC4xMzI1IDEwIDUwLjUgMTBaIiBmaWxsPSIjOUFFMkNEIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTAuNSAxOEM2OS4wMDE1IDE4IDg0IDMyLjU1MDggODQgNTAuNUM4NCA2OC40NDkyIDY5LjAwMTUgODMgNTAuNSA4M0MzMS45OTg1IDgzIDE3IDY4LjQ0OTIgMTcgNTAuNUMxNyAzMi41NTA4IDMxLjk5ODUgMTggNTAuNSAxOFYxOFoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTM3IDQ5LjVMNDcgNjBMNjcgMzkiIHN0cm9rZT0iIzNEQ0E5RCIgc3Ryb2tlLXdpZHRoPSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xOS4xMjA0IDE2LjI5MTlMNy45OTg4NCAxMi43MzIxTDE1LjkyOTQgNS4wNTg5N0wxOS4xMjA0IDE2LjI5MTlaIiBmaWxsPSIjQ0FGQUVDIi8+CjxwYXRoIGQ9Ik0xMi44MzQgMjMuNDY0Mkw4LjU0NjMxIDI3LjU3NzhMNy4xMjc2NSAyMS44MDc4TDEyLjgzNCAyMy40NjQyWiIgZmlsbD0iI0NBRkFFQyIvPgo8L3N2Zz4K");
+    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MC41IDEwQzcyLjg2NzUgMTAgOTEgMjcuOTA4NiA5MSA1MEM5MSA3Mi4wOTE0IDcyLjg2NzUgOTAgNTAuNSA5MEMyOC4xMzI1IDkwIDEwIDcyLjA5MTQgMTAgNTBDMTAgMjcuOTA4NiAyOC4xMzI1IDEwIDUwLjUgMTBaIiBmaWxsPSIjOUFFMkNEIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTAuNSAxOEM2OS4wMDE1IDE4IDg0IDMyLjU1MDggODQgNTAuNUM4NCA2OC40NDkyIDY5LjAwMTUgODMgNTAuNSA4M0MzMS45OTg1IDgzIDE3IDY4LjQ0OTIgMTcgNTAuNUMxNyAzMi41NTA4IDMxLjk5ODUgMTggNTAuNSAxOFoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTM3IDQ5LjVMNDcgNjBMNjcgMzkiIHN0cm9rZT0iIzNEQ0E5RCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE5LjEyMDQgMTYuMjkxOUw3Ljk5ODg0IDEyLjczMjFMMTUuOTI5NCA1LjA1ODk3TDE5LjEyMDQgMTYuMjkxOVoiIGZpbGw9IiNDQUZBRUMiLz4KPHBhdGggZD0iTTEyLjgzNCAyMy40NjQyTDguNTQ2MzEgMjcuNTc3OEw3LjEyNzY1IDIxLjgwNzhMMTIuODM0IDIzLjQ2NDJaIiBmaWxsPSIjQ0FGQUVDIi8+Cjwvc3ZnPgo=");
   }
   .back-button {
-    margin-top: 3em;
+    margin-top: 40px;
+    width: 128px;
   }
 }
 </style>

package/src/payment/components/RechargeView.vue

@@ -36,7 +36,6 @@ import Taro from '@tarojs/taro'
 // 配置了必须的属性后
 // 自动获取支付套餐包列表
 // 并发起微信支付
-
 export interface RechargeViewProps {
   /**
    * 应用

package/src/shared/composables/index.ts

@@ -0,0 +1,5 @@
+export {
+  BusSymbol,
+  createBus,
+  useBus,
+} from './bus'

package/src/styles/fonts.scss

@@ -1,3 +1,3 @@
 .number {
-  font-family: 'DIN alternate';
+  font-family: 'DIN alternate', 'Barlow Condensed', 'Roboto Condensed', sans-serif-condensed-light;
 }