@uxda/appkit 1.2.30 → 1.2.32

package/dist/appkit.css

@@ -94,6 +94,41 @@
   flex-grow: 1;
   overflow: scroll;
 }
+.dd-notice-bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  font-size: 13px;
+  color: #ea5959;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  min-height: 30px;
+  line-height: 18px;
+  padding: 6px 18px;
+  background: #ffe8d8;
+  box-sizing: border-box;
+}
+.dd-notice-bar__close {
+  width: 10px;
+  height: 10px;
+  margin-left: 8px;
+}
+.dd-notice-bar.close {
+  justify-content: space-between;
+  color: #fb970c;
+  background: #fff2d8;
+}
+.dd-notice-bar.close .dd-notice-bar__txt {
+  text-align: left;
+}
+.dd-notice-bar__txt {
+  flex: 1;
+  text-align: center;
+  opacity: 0.8;
+}
 .recharge-view {
   height: 100%;
   display: flex;

package/dist/index.js

@@ -1,11 +1,11 @@
-import { defineComponent, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createTextVNode, createStaticVNode, ref, createCommentVNode, renderSlot, createVNode, onMounted, unref, computed, watch, withDirectives, vShow, normalizeStyle, vModelText } from 'vue';
+import { defineComponent, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createTextVNode, createStaticVNode, ref, createCommentVNode, renderSlot, createVNode, normalizeStyle, computed, onMounted, unref, watch, withDirectives, vShow, vModelText } from 'vue';
 import Taro, { useDidShow } from '@tarojs/taro';
 import dayjs from 'dayjs';
 import _ from 'lodash';
 
-const _hoisted_1$j = { class: "token-line number" };
+const _hoisted_1$k = { class: "token-line number" };
 const _hoisted_2$f = { class: "number" };
-var script$k = /* @__PURE__ */ defineComponent({
+var script$m = /* @__PURE__ */ defineComponent({
   __name: "AmountPicker",
   props: {
     items: { type: Array, required: true, default: () => [] },
@@ -43,7 +43,7 @@ var script$k = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createElementVNode(
                     "h4",
-                    _hoisted_1$j,
+                    _hoisted_1$k,
                     toDisplayString(amount.token),
                     1
                     /* TEXT */
@@ -74,21 +74,21 @@ var script$k = /* @__PURE__ */ defineComponent({
   }
 });
 
-script$k.__file = "src/payment/components/AmountPicker.vue";
+script$m.__file = "src/payment/components/AmountPicker.vue";
 
-const _hoisted_1$i = { class: "agreement-doc" };
+const _hoisted_1$j = { class: "agreement-doc" };
 const _hoisted_2$e = /* @__PURE__ */ createStaticVNode('<h1>\u5927\u9053\u4E91\u5E73\u53F0\u4E91\u8C46\u5145\u503C\u670D\u52A1\u534F\u8BAE</h1><p>2023-12-01</p><p>\xA0</p><p>\u6B22\u8FCE\u60A8\u4F7F\u7528\u5927\u9053\u4E91\u5E73\u53F0\u4E91\u8C46\u5145\u503C\u670D\u52A1\uFF01</p><p>\xA0</p><p>\u3010\u63D0\u793A\u6761\u6B3E\u3011</p><p>\u6B22\u8FCE\u60A8\u4E0E\u5927\u9053\u4E91\u5E73\u53F0\u670D\u52A1\u63D0\u4F9B\u8005\u7B7E\u7F72\u300A\u5927\u9053\u4E91\u5E73\u53F0\u4E91\u8C46\u5145\u503C\u670D\u52A1\u534F\u8BAE\u300B\uFF08\u4EE5\u4E0B\u7B80\u79F0\u201C\u672C\u534F\u8BAE\u201D\uFF09\u5E76\u4F7F\u7528\u5927\u9053\u4E91\u5E73\u53F0\u4E91\u8C46\u503C\u670D\u52A1\uFF01\u60A8\u7406\u89E3\u548C\u540C\u610F\u672C\u534F\u8BAE\u7CFB\u6839\u636E\u300A\u7528\u6237\u6CE8\u518C\u534F\u8BAE\u300B\u7B49\u534F\u8BAE\u5236\u5B9A\uFF0C\u672C\u534F\u8BAE\u4E3A\u524D\u8FF0\u534F\u8BAE\u4E0D\u53EF\u5206\u5272\u7684\u4E00\u90E8\u5206\uFF0C\u672C\u534F\u8BAE\u672A\u89C4\u5B9A\u7684\uFF0C\u9002\u7528\u300A\u7528\u6237\u6CE8\u518C\u534F\u8BAE\u300B\u7B49\u534F\u8BAE\u4E2D\u7684\u76F8\u5173\u7EA6\u5B9A\u3002</p><p>\xA0</p><p>\u3010\u5BA1\u614E\u9605\u8BFB\u3011</p><p><span class="bold">\u5728\u4F7F\u7528\u672C\u670D\u52A1\u524D\uFF0C\u8BF7\u60A8\u52A1\u5FC5\u5BA1\u614E\u9605\u8BFB\u3001\u5145\u5206\u7406\u89E3\u5404\u6761\u6B3E\u5185\u5BB9\uFF0C\u7279\u522B\u662F\u514D\u9664\u6216\u9650\u5236\u8D23\u4EFB\u7684\u76F8\u5E94\u6761\u6B3E\uFF0C\u4EE5\u53CA\u5F00\u901A\u6216\u4F7F\u7528\u67D0\u9879\u670D\u52A1\u7684\u5355\u72EC\u534F\u8BAE\uFF0C\u60A8\u4F7F\u7528\u6B64\u670D\u52A1\u5373\u8868\u793A\u60A8\u63A5\u53D7\u672C\u534F\u8BAE\u3002\u9650\u5236\u6216\u514D\u9664\u8D23\u4EFB\u6761\u6B3E\u53EF\u80FD\u4EE5\u52A0\u7C97\u5F62\u5F0F\u63D0\u793A\u60A8\u6CE8\u610F\u3002</span></p><p>\xA0</p><p>\u3010\u7279\u522B\u63D0\u793A\u3011</p><p><span class="bold">\u5145\u503C\u7528\u6237\u786E\u8BA4\uFF0C\u81EA\u5DF1\u4E3A\u5E74\u6EE118\u5468\u5C81\u4E14\u5177\u6709\u5B8C\u5168\u6C11\u4E8B\u884C\u4E3A\u80FD\u529B\u7684\u6210\u5E74\u4EBA\uFF0C\u9664\u975E\u60A8\u5DF2\u9605\u8BFB\u5E76\u63A5\u53D7\u672C\u534F\u8BAE\u6240\u6709\u6761\u6B3E\uFF0C\u5426\u5219\u60A8\u65E0\u6743\u4F7F\u7528\u5927\u9053\u4E91\u5E73\u53F0\u5145\u503C\u670D\u52A1\uFF08\u4EE5\u4E0B\u7B80\u79F0\u201C\u672C\u670D\u52A1\u201D\uFF09\u3002\u60A8\u5BF9\u672C\u670D\u52A1\u7684\u4EFB\u4F55\u8D2D\u4E70\u3001\u767B\u5F55\u3001\u67E5\u770B\u7B49\u4F7F\u7528\u884C\u4E3A\u5373\u89C6\u4E3A\u60A8\u5DF2\u9605\u8BFB\u5E76\u540C\u610F\u672C\u534F\u8BAE\u7684\u7EA6\u675F\u3002</span></p><p>\xA0</p><p><span class="bold">\u4E00\u3001\u534F\u8BAE\u7684\u8303\u56F4</span></p><p>\xA0</p><p>1.1\u3010\u534F\u8BAE\u9002\u7528\u4E3B\u4F53\u8303\u56F4\u3011</p><p>\u672C\u534F\u8BAE\u662F\u60A8\u4E0E\u5927\u9053\u4E91\u5E73\u53F0\u4E4B\u95F4\u5173\u4E8E\u60A8\u4F7F\u7528\u672C\u670D\u52A1\u6240\u8BA2\u7ACB\u7684\u534F\u8BAE\u3002</p><p>\xA0</p><p>1.2\u3010\u670D\u52A1\u5185\u5BB9\u3011</p><p>\u672C\u534F\u8BAE\u9879\u4E0B\u7684\u670D\u52A1\u662F\u6307\u5927\u9053\u4E91\u5E73\u53F0\u5411\u7528\u6237\u63D0\u4F9B\u7684\u4E91\u8C46\u5145\u503C\u670D\u52A1\uFF08\u4EE5\u4E0B\u7B80\u79F0\u201C\u672C\u670D\u52A1\u201D\uFF09\u3002\u672C\u534F\u8BAE\u5185\u5BB9\u540C\u65F6\u5305\u62EC\u5927\u9053\u4E91\u5E73\u53F0\u53EF\u80FD\u4E0D\u65AD\u53D1\u5E03\u7684\u5173\u4E8E\u672C\u670D\u52A1\u7684\u76F8\u5173\u534F\u8BAE\u3001\u4E1A\u52A1\u89C4\u5219\u7B49\u5185\u5BB9\u3002\u4E0A\u8FF0\u5185\u5BB9\u4E00\u7ECF\u6B63\u5F0F\u53D1\u5E03\uFF0C\u5373\u4E3A\u672C\u534F\u8BAE\u4E0D\u53EF\u5206\u5272\u7684\u7EC4\u6210\u90E8\u5206\uFF0C\u60A8\u540C\u6837\u5E94\u5F53\u9075\u5B88\u3002</p><p>\xA0</p><p><span class="bold">\u4E8C\u3001\u540D\u8BCD\u5B9A\u4E49</span></p><p>\xA0</p><p><span class="bold">2.1\u3010\u4E91\u8C46\u3011</span></p><p><span class="bold">2.1.1 \u4E91\u8C46\u7CFB\u5927\u9053\u4E91\u5E73\u53F0\u4E3A\u7528\u6237\u63D0\u4F9B\u7684\u6570\u5B57\u5316\u5546\u54C1\uFF0C\u7528\u4E8E\u5927\u9053\u4E91\u5E73\u53F0\u4E0A\u7684\u4EA7\u54C1\u6743\u76CA\u4F7F\u7528\u62B5\u6263\u3002</span></p><p>\xA0</p><p><span class="bold">2.1.2 \u4E91\u8C46\u5C5E\u4E8E\u5728\u7EBF\u4EA4\u4ED8\u7684\u6570\u5B57\u5316\u5546\u54C1\uFF0C\u4E91\u8C46\u7684\u8D2D\u4E70\u8D39\u7528\u7CFB\u6570\u5B57\u5316\u5546\u54C1\u4EF7\u683C\uFF0C\u800C\u4E0D\u5177\u6709\u9884\u4ED8\u6B3E\u6027\u8D28\u6216\u8005\u5B9A\u91D1\u3001\u50A8\u503C\u7B49\u6027\u8D28\uFF0C\u4E91\u8C46\u8D2D\u4E70\u6210\u529F\u540E\u4E0D\u53EF\u8F6C\u8BA9\u6216\u8005\u9006\u5411\u5151\u6362\u4E3A\u4EBA\u6C11\u5E01\u6216\u5176\u4ED6\u8D27\u5E01\u3002</span></p><p><span class="bold">2.1.3 \u4E91\u8C46\u4EC5\u9650\u4E8E\u7528\u6237\u81EA\u5DF1\u8D26\u53F7\u5728\u5927\u9053\u4E91\u5E73\u53F0\u4F7F\u7528\uFF0C\u4E0D\u5F97\u4EE5\u76C8\u5229\u7B49\u975E\u4E2A\u4EBA\u4F7F\u7528\u76EE\u7684\u4F7F\u7528\u4E91\u8C46\uFF0C\u6216\u901A\u8FC7\u8D60\u4E0E\u3001\u51FA\u501F\u3001\u8F6C\u8BA9\u3001\u9500\u552E\u3001\u62B5\u62BC\u3001\u8BB8\u53EF\u4ED6\u4EBA\u4F7F\u7528\u7B49\u65B9\u5F0F\u83B7\u53D6\u6216\u5904\u7F6E\u4E91\u8C46\u3002</span></p><p><span class="bold">2.1.4 \u4EBA\u6C11\u5E01\u548C\u4E91\u8C46\u5151\u6362\u7684\u6BD4\u4F8B\u4E3A1:1\uFF08\u53731\u5143\u4EBA\u6C11\u5E01=1\u4E91\u8C46\uFF09\uFF0C\u4E91\u8C46\u5728\u4EFB\u4F55\u60C5\u51B5\u4E0B\u90FD\u4E0D\u5177\u6709\u6CD5\u5B9A\u8D27\u5E01\u7684\u6D41\u8F6C\u53CA\u652F\u4ED8\u529F\u80FD\uFF0C\u4E0D\u5F97\u53CD\u5411\u5151\u6362\u4E3A\u4EBA\u6C11\u5E01\u6216\u5176\u4ED6\u6CD5\u5B9A\u8D27\u5E01\u3001\u5B9E\u7269\u548C\u5176\u4ED6\u865A\u62DF\u8D27\u5E01\uFF0C\u8BF7\u60A8\u6839\u636E\u5B9E\u9645\u9700\u6C42\u8D2D\u4E70\u76F8\u5E94\u6570\u91CF\u7684\u4E91\u8C46\u3002</span></p><p>2.2\u3010\u5927\u9053\u4E91\u5E73\u53F0\u3011</p><p>\u6307\u7531<span class="bold">\u5927\u9053\u4E91\u5E73\u53F0\u6240\u62E5\u6709\u3001\u63A7\u5236\u3001\u7ECF\u8425\u7684\u5927\u9053\u4E91\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F\u3001\u8702\u9E1F\u6C47\u4E91\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F\u3001\u8702\u9E1F\u5C45\u95F4\u7CFB\u7EDF\u3001\u8702\u9E1F\u5468\u8F6C\u7CFB\u7EDF\u3002</span></p><p>\xA0</p><p><span class="bold">\u4E09\u3001\u6743\u5229\u4E49\u52A1</span></p><p>\xA0</p><p>3.1.1 \u60A8\u627F\u8BFA\u5177\u5907\u4F7F\u7528\u672C\u670D\u52A1\u6240\u5FC5\u9700\u7684\u6C11\u4E8B\u80FD\u529B\u548C\u5408\u6CD5\u8D44\u683C\uFF0C\u6709\u6743\u4E14\u6709\u80FD\u529B\u540C\u610F\u672C\u534F\u8BAE\u53CA\u76F8\u5173\u534F\u8BAE\u7684\u5168\u90E8\u5185\u5BB9\u3002</p><p>3.1.2 <span class="bold">\u60A8\u5E94\u59A5\u5584\u4FDD\u7BA1\u5927\u9053\u4E91\u5E73\u53F0\u8D26\u53F7\u7684\u7528\u6237\u540D\u53CA\u5176\u5BC6\u7801\uFF0C\u5E76\u5BF9\u8BE5\u8D26\u53F7\u4E0B\u7684\u4E00\u5207\u64CD\u4F5C\u884C\u4E3A\u8D1F\u8D23\u3002\u5982\u60A8\u7684\u5927\u9053\u4E91\u8D26\u53F7\u5B58\u5728\u5F02\u5E38\u60C5\u5F62\uFF0C\u60A8\u53EF\u4EE5\u8054\u7CFB\u5BA2\u670D\u6302\u5931\u6216\u51BB\u7ED3\u60A8\u7684\u8D26\u6237\u3002\u6B64\u65F6\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u9700\u8981\u60A8\u63D0\u4F9B\u5927\u9053\u4E91\u8D26\u53F7\u7684\u6CE8\u518C\u4FE1\u606F\u4EE5\u5B8C\u6210\u8EAB\u4EFD\u6838\u9A8C\u3002\u60A8\u7406\u89E3\u5E76\u786E\u8BA4\uFF0C\u7531\u4E8E\u6280\u672F\u5C40\u9650\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u65E0\u6CD5\u4FDD\u8BC1\u8EAB\u4EFD\u6838\u9A8C\u7684\u51C6\u786E\u6027\u548C\u771F\u5B9E\u6027\u3002</span></p><p>3.1.3 \u60A8\u627F\u8BFA\u4E0D\u5F97\u901A\u8FC7\u975E\u5927\u9053\u4E91\u5E73\u53F0\u6307\u5B9A\u9014\u5F84\u6216\u4EFB\u4F55\u8FDD\u53CD\u76F8\u5173\u6CD5\u89C4\u3001\u8FDD\u53CD\u672C\u534F\u8BAE\u3001\u4E0D\u6B63\u5F53\u624B\u6BB5\u7B49\u8D2D\u4E70\u4E91\u8C46\u3002</p><p>3.1.4 \u5927\u9053\u4E91\u5E73\u53F0\u53EF\u80FD\u4F1A\u6839\u636E\u672C\u670D\u52A1\u7684\u6574\u4F53\u89C4\u5212\uFF0C\u5BF9\u672C\u670D\u52A1\u7684\u6536\u8D39\u6807\u51C6\u3001\u65B9\u5F0F\u7B49\u8FDB\u884C\u4FEE\u6539\u548C\u53D8\u66F4\uFF0C\u524D\u8FF0\u4FEE\u6539\u3001\u53D8\u66F4\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u5C06\u5728\u76F8\u5E94\u670D\u52A1\u9875\u9762\u8FDB\u884C\u901A\u77E5\u6216\u516C\u544A\u3002\u5982\u679C\u60A8\u4E0D\u540C\u610F\u4E0A\u8FF0\u4FEE\u6539\u3001\u53D8\u66F4\uFF0C\u5219\u5E94\u505C\u6B62\u4F7F\u7528\u672C\u670D\u52A1\u3002\u5426\u5219\uFF0C\u60A8\u7684\u4EFB\u4F55\u8D2D\u4E70\u3001\u767B\u5F55\u3001\u67E5\u770B\u7B49\u4F7F\u7528\u884C\u4E3A\uFF0C\u5373\u89C6\u4E3A\u60A8\u540C\u610F\u4E0A\u8FF0\u4FEE\u6539\u3001\u53D8\u66F4\u3002</p><p>3.1.5 \u5927\u9053\u4E91\u5E73\u53F0\u5728\u76EE\u524D\u6280\u672F\u6C34\u5E73\u4E0B\uFF0C\u6700\u5927\u7A0B\u5EA6\u5730\u4FDD\u969C\u672C\u529F\u80FD\u7684\u6B63\u5E38\u8FD0\u884C\uFF0C\u4EE5\u7EF4\u62A4\u4F60\u7684\u5229\u76CA\u3002\u5927\u9053\u4E91\u5E73\u53F0\u5BF9\u672C\u670D\u52A1\u4E0D\u4F5C\u4EFB\u4F55\u660E\u793A\u6216\u6697\u793A\u7684\u4FDD\u8BC1\uFF0C\u5305\u62EC\u4F46\u4E0D\u9650\u4E8E\u5BF9\u672C\u670D\u52A1\u7684\u53EF\u9002\u7528\u6027\u3001\u6301\u7EED\u6027\u7B49\u3002</p><p>\xA0</p><p><span class="bold">\u56DB\u3001\u4E91\u8C46\u4F7F\u7528\u89C4\u5219\u53CA\u7279\u522B\u7EA6\u5B9A</span></p><p>\xA0</p><p><span class="bold">4.1 \u5927\u9053\u4E91\u5E73\u53F0\u5411\u60A8\u63D0\u4F9B\u8D2D\u4E70\u3001\u7BA1\u7406\u4E91\u8C46\u6709\u5173\u7684\u7F51\u7EDC\u589E\u503C\u670D\u52A1\uFF0C\u5305\u62EC\u4F46\u4E0D\u9650\u4E8E\u4E91\u8C46\u7684\u8D2D\u4E70\u3001\u8D26\u6237\u7BA1\u7406\u9875\u9762\u3001\u4EA4\u6613\u660E\u7EC6\u67E5\u8BE2\u670D\u52A1\uFF08\u4EE5\u4E0B\u79F0\u201C\u4E91\u8C46\u670D\u52A1\u201D\uFF09\u3002\u4E91\u8C46\u670D\u52A1\u7684\u5177\u4F53\u5185\u5BB9\u8BF7\u4EE5\u76F8\u5173\u9875\u9762\u7684\u4FE1\u606F\u4E3A\u51C6\u3002\u60A8\u540C\u610F\u4EE5\u5927\u9053\u4E91\u5E73\u53F0\u7559\u5B58\u7684\u4EA4\u6613\u8BB0\u5F55\u4F5C\u4E3A\u4E91\u8C46\u8D2D\u4E70\u7684\u552F\u4E00\u6709\u6548\u4F9D\u636E\uFF0C\u5982\u60A8\u5BF9\u5927\u9053\u4E91\u5E73\u53F0\u7559\u5B58\u7684\u4EA4\u6613\u8BB0\u5F55\u6709\u5F02\u8BAE\uFF0C\u60A8\u5E94\u7ACB\u5373\u5411\u5927\u9053\u4E91\u5E73\u53F0\u63D0\u51FA\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u7ECF\u6838\u5BF9\u540E\u53D1\u73B0\u786E\u6709\u9519\u8BEF\u7684\uFF0C\u5C06\u4E88\u4EE5\u6539\u6B63\u3002</span></p><p><span class="bold">4.2. \u60A8\u5E94\u8BE5\u901A\u8FC7\u5927\u9053\u4E91\u5E73\u53F0\u5B98\u65B9\u6307\u5B9A\u7684\u5305\u62EC\u4F46\u4E0D\u9650\u4E8E\u652F\u4ED8\u5B9D\u3001\u8D22\u4ED8\u901A\u7B49\u65B9\u5F0F\u4F9D\u7EA6\u652F\u4ED8\u4E00\u5B9A\u8D39\u7528\u540E\u8D2D\u4E70\u4E91\u8C46\u3002</span></p><p><span class="bold">4.3 \u60A8\u5FC5\u987B\u4E3A\u7ED1\u5B9A\u7684\u652F\u4ED8\u6E20\u9053\u8D26\u6237\u5F00\u6237\u4EBA/\u6301\u6709\u4EBA\uFF0C\u53EF\u5408\u6CD5\u3001\u6709\u6548\u4F7F\u7528\u8BE5\u8D26\u6237\u4E14\u672A\u4FB5\u72AF\u4EFB\u4F55\u7B2C\u4E09\u65B9\u6743\u76CA\uFF0C\u5426\u5219\u56E0\u6B64\u9020\u6210\u652F\u4ED8\u8D26\u6237\u5B9E\u9645\u6240\u6709\u4EBA\u635F\u5931\u7684\uFF0C\u5E94\u7531\u60A8\u5355\u72EC\u8D1F\u8D23\u89E3\u51B3\u7531\u6B64\u4EA7\u751F\u7684\u7EA0\u7EB7\u5E76\u627F\u62C5\u5168\u90E8\u6CD5\u5F8B\u8D23\u4EFB\u3002</span></p><p><span class="bold">4.4 \u60A8\u5E94\u5728\u8D2D\u4E70\u4E91\u8C46\u65F6\u4ED4\u7EC6\u786E\u8BA4\u8D26\u53F7\u3001\u652F\u4ED8\u8D26\u6237\u3001\u8D2D\u4E70\u6570\u91CF\u3001\u8D2D\u4E70\u8D39\u7528\u7B49\u4EA4\u6613\u4FE1\u606F\u51C6\u786E\u65E0\u8BEF\uFF0C\u5982\u56E0\u60A8\u81EA\u8EAB\u539F\u56E0\uFF08\u5305\u62EC\u4F46\u4E0D\u9650\u4E8E\u8D26\u53F7\u9519\u8BEF\u3001\u652F\u4ED8\u8D26\u6237\u9519\u8BEF\u3001\u64CD\u4F5C\u4E0D\u5F53\u3001\u8D26\u53F7/\u652F\u4ED8\u8D26\u6237\u5B58\u5728\u5F02\u5E38\u60C5\u51B5\u7B49\uFF09\u5BFC\u81F4\u7684\u4EFB\u4F55\u635F\u5931\u5E94\u7531\u60A8\u81EA\u884C\u627F\u62C5\u3002</span></p><p><span class="bold">4.5 \u5927\u9053\u4E91\u5E73\u53F0\u6709\u6743\u51B3\u5B9A\u4E91\u8C46\u5982\u4F55\u88AB\u4F7F\u7528\uFF08\u5305\u62EC\u5151\u6362\u865A\u62DF\u5546\u54C1\u7B49\u4E8E\u5927\u9053\u4E91\u5E73\u53F0\u4E0A\u4F7F\u7528\u7684\u4EA7\u54C1\u6216\u670D\u52A1\uFF09\u3002</span></p><p>\xA0</p><p><span class="bold">\u4E94\u3001\u884C\u4E3A\u89C4\u8303</span></p><p>\xA0</p><p>5.1\u3010\u7528\u6237\u7981\u6B62\u884C\u4E3A\u3011</p><p>\u672C\u670D\u52A1\u4EC5\u4F9B\u60A8\u4E2A\u4EBA\u4F7F\u7528\uFF0C\u9664\u975E\u7ECF\u5927\u9053\u4E91\u5E73\u53F0\u4E66\u9762\u8BB8\u53EF\uFF0C\u60A8\u4E0D\u5F97\u8FDB\u884C\u4EE5\u4E0B\u884C\u4E3A\uFF1A</p><p>5.1.1 \u5C06\u672C\u670D\u52A1\u8F6C\u8BA9\u8BB8\u53EF\u4ED6\u4EBA\u4F7F\u7528\uFF1B</p><p>5.1.2 \u5176\u4ED6\u672A\u7ECF\u5927\u9053\u4E91\u5E73\u53F0\u4E66\u9762\u8BB8\u53EF\u7684\u884C\u4E3A\u3002</p><p>5.2\u3010\u884C\u4E3A\u8D23\u4EFB\u3011</p><p><span class="bold">\u60A8\u5145\u5206\u4E86\u89E3\u5E76\u540C\u610F\uFF0C\u60A8\u7528\u4EE5\u53C2\u4E0E\u672C\u670D\u52A1\u7684\u5927\u9053\u4E91\u8D26\u53F7\u7531\u60A8\u72EC\u7ACB\u7EF4\u62A4\u3001\u4F7F\u7528\u5E76\u72EC\u7ACB\u627F\u62C5\u5168\u90E8\u8D23\u4EFB\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u4E0D\u4F1A\u3001\u4E5F\u4E0D\u53EF\u80FD\u53C2\u4E0E\u8BE5\u8D26\u53F7\u7684\u4F7F\u7528\u7B49\u4EFB\u4F55\u6D3B\u52A8\u3002\u60A8\u5E94\u5BF9\u672C\u670D\u52A1\u4E2D\u7684\u5185\u5BB9\u81EA\u884C\u52A0\u4EE5\u5224\u65AD\uFF0C\u5E76\u627F\u62C5\u56E0\u4F7F\u7528\u5185\u5BB9\u800C\u5F15\u8D77\u7684\u6240\u6709\u98CE\u9669\uFF0C\u5305\u62EC\u56E0\u5BF9\u5185\u5BB9\u7684\u6B63\u786E\u6027\u3001\u5B8C\u6574\u6027\u6216\u5B9E\u7528\u6027\u7684\u4F9D\u8D56\u800C\u4EA7\u751F\u7684\u98CE\u9669\u3002\u5927\u9053\u4E91\u5E73\u53F0\u65E0\u6CD5\u4E14\u4E0D\u4F1A\u5BF9\u56E0\u524D\u8FF0\u98CE\u9669\u800C\u5BFC\u81F4\u7684\u4EFB\u4F55\u635F\u5931\u6216\u635F\u5BB3\u627F\u62C5\u4EFB\u4F55\u8D23\u4EFB\u3002</span></p><p>\xA0</p><p><span class="bold">\u516D\u3001\u670D\u52A1\u7684\u53D8\u66F4\u3001\u4E2D\u6B62\u6216\u7EC8\u6B62</span></p><p>\xA0</p><p>\u60A8\u5145\u5206\u4E86\u89E3\u5E76\u540C\u610F\uFF0C\u7531\u4E8E\u4E92\u8054\u7F51\u670D\u52A1\u7684\u7279\u6B8A\u6027\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u53EF\u4EE5\u5728\u4E0D\u63D0\u524D\u901A\u77E5\u60A8\u7684\u60C5\u51B5\u4E4B\u4E0B\uFF0C\u6839\u636E\u672C\u670D\u52A1\u7684\u6574\u4F53\u89C4\u5212\uFF0C\u5355\u65B9\u6709\u6743\u5BF9\u672C\u670D\u52A1\u5185\u5BB9\u8FDB\u884C\u53D8\u66F4\u3001\u4E2D\u6B62\u6216\u7EC8\u6B62\u3002</p><p>\xA0</p><p><span class="bold">\u4E03\u3001\u8FDD\u7EA6\u8D23\u4EFB</span></p><p>\xA0</p><p><span class="bold">7.1 \u5982\u679C\u5927\u9053\u4E91\u5E73\u53F0\u53D1\u73B0\u6216\u6536\u5230\u4ED6\u4EBA\u4E3E\u62A5\u60A8\u6709\u8FDD\u53CD\u672C\u534F\u8BAE\u4EFB\u4F55\u884C\u4E3A\u7684\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u6709\u6743\u8FDB\u884C\u72EC\u7ACB\u5224\u65AD\u5E76\u91C7\u53D6\u6280\u672F\u624B\u6BB5\u4E88\u4EE5\u5220\u9664\u3001\u5C4F\u853D\u6216\u65AD\u5F00\u76F8\u5173\u7684\u4FE1\u606F\u3002\u540C\u65F6\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u6709\u6743\u89C6\u60A8\u7684\u884C\u4E3A\u6027\u8D28\uFF0C\u5BF9\u60A8\u91C7\u53D6\u5305\u62EC\u4F46\u4E0D\u9650\u4E8E\u6682\u505C\u6216\u7EC8\u6B62\u90E8\u5206\u6216\u5168\u90E8\u672C\u670D\u52A1\u3001\u4E2D\u6B62\u6216\u7EC8\u6B62\u60A8\u5BF9\u8D26\u53F7\u7684\u4F7F\u7528\u3001\u8FFD\u7A76\u6CD5\u5F8B\u8D23\u4EFB\u7B49\u63AA\u65BD\uFF0C\u800C\u7531\u6B64\u7ED9\u60A8\u5E26\u6765\u7684\u635F\u5931\uFF08\u5305\u62EC\u4F46\u4E0D\u9650\u4E8E\u901A\u4FE1\u4E2D\u65AD\u3001\u76F8\u5173\u6570\u636E\u6E05\u7A7A\u3001\u670D\u52A1\u8D39\u7528\u4F5C\u4E3A\u8FDD\u7EA6\u91D1\u800C\u5F52\u5927\u9053\u4E91\u5E73\u53F0\u6240\u6709\u7B49\uFF09\uFF0C\u7531\u60A8\u81EA\u884C\u627F\u62C5\uFF0C\u9020\u6210\u5927\u9053\u4E91\u5E73\u53F0\u635F\u5931\u7684\uFF0C\u60A8\u4E5F\u5E94\u4E88\u4EE5\u8D54\u507F\u3002\u82E5\u5927\u9053\u4E91\u5E73\u53F0\u4F9D\u524D\u8FF0\u7EA6\u5B9A\u5BF9\u60A8\u91C7\u53D6\u6682\u505C\u6216\u7EC8\u6B62\u90E8\u5206\u6216\u5168\u90E8\u672C\u670D\u52A1\u7684\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u65E0\u9700\u5411\u60A8\u9000\u8FD8\u4EFB\u4F55\u8D39\u7528\uFF0C\u5269\u4F59\u7684\u670D\u52A1\u8D39\u7528\uFF0C\u4F5C\u4E3A\u8FDD\u7EA6\u91D1\u800C\u5F52\u5927\u9053\u4E91\u5E73\u53F0\u6240\u6709\u3002</span></p><p>\xA0</p><p>7.2\u3010\u5BF9\u7B2C\u4E09\u65B9\u635F\u5BB3\u7684\u5904\u7406\u3011</p><p>\u60A8\u6709\u8FDD\u53CD\u672C\u534F\u8BAE\u4EFB\u4F55\u884C\u4E3A\uFF0C\u5BFC\u81F4\u4EFB\u4F55\u7B2C\u4E09\u65B9\u635F\u5BB3\u7684\uFF0C\u60A8\u5E94\u5F53\u72EC\u7ACB\u627F\u62C5\u8D23\u4EFB\uFF1B\u5927\u9053\u4E91\u5E73\u53F0\u56E0\u6B64\u906D\u53D7\u635F\u5931\u7684\uFF0C\u60A8\u4E5F\u5E94\u5F53\u4E00\u5E76\u8D54\u507F\u3002</p><p>\xA0</p><p><span class="bold">7.3\u3010\u5355\u65B9\u63D0\u524D\u7EC8\u6B62\u670D\u52A1\u3011</span></p><p><span class="bold">\u60A8\u5145\u5206\u4E86\u89E3\u5E76\u540C\u610F\uFF0C\u60A8\u5728\u9009\u62E9\u4F7F\u7528\u672C\u670D\u52A1\u540E\uFF0C\u82E5\u60A8\u5728\u65E0\u4EFB\u4F55\u6CD5\u5B9A\u6216\u7EA6\u5B9A\u7406\u7531\u7684\u60C5\u51B5\u4E4B\u4E0B\uFF0C\u5355\u65B9\u8981\u6C42\u63D0\u524D\u7EC8\u6B62\u672C\u670D\u52A1\u7684\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u65E0\u9700\u5411\u60A8\u9000\u8FD8\u4EFB\u4F55\u8D39\u7528\uFF0C\u5269\u4F59\u7684\u670D\u52A1\u8D39\u7528\uFF0C\u4F5C\u4E3A\u8FDD\u7EA6\u91D1\u800C\u5F52\u5927\u9053\u4E91\u5E73\u53F0\u6240\u6709\u3002</span></p><p>\xA0</p><p><span class="bold">\u516B\u3001\u514D\u8D23\u6761\u6B3E</span></p><p>\xA0</p><p><span class="bold">8.1 \u60A8\u7406\u89E3\u5E76\u540C\u610F\uFF1A\u5728\u4F7F\u7528\u672C\u670D\u52A1\u7684\u8FC7\u7A0B\u4E2D\uFF0C\u53EF\u80FD\u4F1A\u56E0\u4E0D\u53EF\u6297\u529B\u800C\u4F7F\u672C\u670D\u52A1\u53D1\u751F\u4E2D\u65AD\uFF0C\u5E76\u56E0\u6B64\u800C\u5F15\u53D1\u635F\u5BB3\u3002\u4E0D\u53EF\u6297\u529B\u662F\u6307\u4E0D\u80FD\u9884\u89C1\u3001\u4E0D\u80FD\u514B\u670D\u5E76\u4E0D\u80FD\u907F\u514D\u4E14\u5BF9\u4E00\u65B9\u6216\u53CC\u65B9\u9020\u6210\u91CD\u5927\u5F71\u54CD\u7684\u5BA2\u89C2\u4E8B\u4EF6\uFF0C\u5305\u62EC\u4F46\u4E0D\u9650\u4E8E\u81EA\u7136\u707E\u5BB3\u5982\u6D2A\u6C34\u3001\u5730\u9707\u3001\u98CE\u66B4\u3001\u75AB\u60C5\u7B49\u4EE5\u53CA\u793E\u4F1A\u4E8B\u4EF6\u5982\u6218\u4E89\u3001\u52A8\u4E71\u3001\u653F\u5E9C\u884C\u4E3A\u7B49\u3002\u51FA\u73B0\u4E0A\u8FF0\u60C5\u51B5\u65F6\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u5C06\u52AA\u529B\u5728\u7B2C\u4E00\u65F6\u95F4\u4E0E\u76F8\u5173\u5355\u4F4D\u914D\u5408\uFF0C\u53CA\u65F6\u8FDB\u884C\u4FEE\u590D\uFF0C\u82E5\u7531\u6B64\u7ED9\u60A8\u9020\u6210\u635F\u5931\u7684\uFF0C\u60A8\u540C\u610F\u653E\u5F03\u8FFD\u7A76\u5927\u9053\u4E91\u5E73\u53F0\u7684\u8D23\u4EFB\u3002</span></p><p><span class="bold">8.2 \u60A8\u7406\u89E3\u5E76\u540C\u610F\uFF1A\u82E5\u7531\u4E8E\u4EE5\u4E0B\u60C5\u5F62\u5BFC\u81F4\u7684\u529F\u80FD\u4E2D\u65AD\u6216\u53D7\u963B\uFF0C\u5927\u9053\u4E91\u5E73\u53F0\u5E76\u4E0D\u627F\u62C5\u4EFB\u4F55\u6CD5\u5F8B\u8D23\u4EFB\uFF1A</span></p><p><span class="bold">8.2.1 \u53D7\u5230\u8BA1\u7B97\u673A\u75C5\u6BD2\u3001\u6728\u9A6C\u6216\u5176\u4ED6\u6076\u610F\u7A0B\u5E8F\u3001\u9ED1\u5BA2\u653B\u51FB\u7684\u7834\u574F\uFF1B</span></p><p><span class="bold">8.2.2 \u60A8\u64CD\u4F5C\u4E0D\u5F53\uFF1B</span></p><p><span class="bold">8.2.3 \u5176\u4ED6\u5927\u9053\u4E91\u5E73\u53F0\u65E0\u6CD5\u63A7\u5236\u6216\u5408\u7406\u9884\u89C1\u7684\u60C5\u5F62\u3002</span></p><p>\xA0</p><p>\u4E5D\u3001\u5176\u4ED6</p><p>\xA0</p><p>9.1\u3010\u534F\u8BAE\u7684\u751F\u6548\u4E0E\u53D8\u66F4\u3011</p><p>\u60A8\u4F7F\u7528\u672C\u670D\u52A1\u5373\u89C6\u4E3A\u60A8\u5DF2\u9605\u8BFB\u5E76\u540C\u610F\u53D7\u672C\u534F\u8BAE\u7684\u7EA6\u675F\u3002\u5927\u9053\u4E91\u5E73\u53F0\u6709\u6743\u5728\u5FC5\u8981\u65F6\u4FEE\u6539\u672C\u534F\u8BAE\u6761\u6B3E\u3002\u60A8\u53EF\u4EE5\u5728\u76F8\u5173\u9875\u9762\u4E2D\u67E5\u9605\u6700\u65B0\u7684\u534F\u8BAE\u6761\u6B3E\u3002\u672C\u534F\u8BAE\u6761\u6B3E\u53D8\u66F4\u540E\uFF0C\u5982\u679C\u60A8\u7EE7\u7EED\u4F7F\u7528\u672C\u670D\u52A1\uFF0C\u5373\u89C6\u4E3A\u60A8\u5DF2\u63A5\u53D7\u4FEE\u6539\u540E\u7684\u534F\u8BAE\u3002\u5982\u679C\u60A8\u4E0D\u63A5\u53D7\u4FEE\u6539\u540E\u7684\u534F\u8BAE\uFF0C\u5E94\u5F53\u505C\u6B62\u4F7F\u7528\u672C\u670D\u52A1\u3002</p><p>9.2\u3010\u534F\u8BAE\u7B7E\u8BA2\u5730\u3011</p><p>\u672C\u534F\u8BAE\u7B7E\u8BA2\u5730\u4E3A\u4E2D\u534E\u4EBA\u6C11\u5171\u548C\u56FD\u6DF1\u5733\u5E02\u5357\u5C71\u533A\u3002</p><p>9.3\u3010\u9002\u7528\u6CD5\u5F8B\u3011</p><p>\u672C\u534F\u8BAE\u7684\u6210\u7ACB\u3001\u751F\u6548\u3001\u5C65\u884C\u3001\u89E3\u91CA\u53CA\u7EA0\u7EB7\u89E3\u51B3\uFF0C\u9002\u7528\u4E2D\u534E\u4EBA\u6C11\u5171\u548C\u56FD\u5927\u9646\u5730\u533A\u6CD5\u5F8B\uFF08\u4E0D\u5305\u62EC\u51B2\u7A81\u6CD5\uFF09\u3002</p><p><span class="bold">9.4\u3010\u4E89\u8BAE\u89E3\u51B3\u3011</span></p><p><span class="bold">\u82E5\u60A8\u548C\u5927\u9053\u4E91\u5E73\u53F0\u4E4B\u95F4\u53D1\u751F\u4EFB\u4F55\u7EA0\u7EB7\u6216\u4E89\u8BAE\uFF0C\u9996\u5148\u5E94\u53CB\u597D\u534F\u5546\u89E3\u51B3\uFF1B\u534F\u5546\u4E0D\u6210\u7684\uFF0C\u5404\u65B9\u5171\u540C\u7EA6\u5B9A\uFF0C\u51E1\u56E0\u672C\u534F\u8BAE\u5F15\u8D77\u7684\u6216\u4E0E\u672C\u534F\u8BAE\u6709\u5173\u7684\u4EFB\u4F55\u4E89\u8BAE\uFF0C\u5747\u63D0\u4EA4\u6E5B\u6C5F\u4EF2\u88C1\u59D4\u5458\u4F1A\u4F9D\u5176\u89C4\u5219\u548C\u56FD\u5BB6\u6CD5\u5F8B\u6CD5\u89C4\u4ECE\u901F\u4EF2\u88C1\u3002</span></p><p>9.5\u3010\u6761\u6B3E\u6807\u9898\u3011</p><p>\u672C\u534F\u8BAE\u6240\u6709\u6761\u6B3E\u7684\u6807\u9898\u4EC5\u4E3A\u9605\u8BFB\u65B9\u4FBF\uFF0C\u672C\u8EAB\u5E76\u65E0\u5B9E\u9645\u6DB5\u4E49\uFF0C\u4E0D\u80FD\u4F5C\u4E3A\u672C\u534F\u8BAE\u6DB5\u4E49\u89E3\u91CA\u7684\u4F9D\u636E\u3002</p><p>9.6\u3010\u6761\u6B3E\u6548\u529B\u3011</p><p>\u672C\u534F\u8BAE\u6761\u6B3E\u65E0\u8BBA\u56E0\u4F55\u79CD\u539F\u56E0\u90E8\u5206\u65E0\u6548\u6216\u4E0D\u53EF\u6267\u884C\uFF0C\u5176\u4F59\u6761\u6B3E\u4ECD\u6709\u6548\uFF0C\u5BF9\u53CC\u65B9\u4ECD\u5177\u6709\u7EA6\u675F\u529B\u3002</p><p>\xA0</p><p>\xA0</p>', 96);
 const _hoisted_98 = [
   _hoisted_2$e
 ];
 function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("view", _hoisted_1$i, [..._hoisted_98]);
+  return openBlock(), createElementBlock("view", _hoisted_1$j, [..._hoisted_98]);
 }
 
-const script$j = {};
+const script$l = {};
 
-script$j.render = render$1;
-script$j.__file = "src/payment/components/UserAgreement.vue";
+script$l.render = render$1;
+script$l.__file = "src/payment/components/UserAgreement.vue";
 
 function requestPayment$2(json) {
   return new Promise((resolve, reject) => {
@@ -136,11 +136,11 @@ function useTabbar() {
   };
 }
 
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   key: 0,
   class: "page-title"
 };
-var script$i = /* @__PURE__ */ defineComponent({
+var script$k = /* @__PURE__ */ defineComponent({
   __name: "PageHeader",
   props: {
     title: { type: String, required: false, default: "" },
@@ -170,7 +170,7 @@ var script$i = /* @__PURE__ */ defineComponent({
         [
           _ctx.title ? (openBlock(), createElementBlock(
             "h1",
-            _hoisted_1$h,
+            _hoisted_1$i,
             toDisplayString(_ctx.title),
             1
             /* TEXT */
@@ -188,10 +188,10 @@ var script$i = /* @__PURE__ */ defineComponent({
   }
 });
 
-script$i.__file = "src/shared/components/PageHeader.vue";
+script$k.__file = "src/shared/components/PageHeader.vue";
 
-const _hoisted_1$g = { class: "drawer-body" };
-var script$h = /* @__PURE__ */ defineComponent({
+const _hoisted_1$h = { class: "drawer-body" };
+var script$j = /* @__PURE__ */ defineComponent({
   __name: "AppDrawer",
   props: {
     modelValue: { type: Boolean, required: true },
@@ -215,11 +215,11 @@ var script$h = /* @__PURE__ */ defineComponent({
         "onUpdate:visible": onVisibleChange
       }, {
         default: withCtx(() => [
-          createVNode(script$i, {
+          createVNode(script$k, {
             title: _ctx.title,
             onClose: onPageHeaderClose
           }, null, 8, ["title"]),
-          createElementVNode("div", _hoisted_1$g, [
+          createElementVNode("div", _hoisted_1$h, [
             renderSlot(_ctx.$slots, "default")
           ])
         ]),
@@ -230,7 +230,301 @@ var script$h = /* @__PURE__ */ defineComponent({
   }
 });
 
-script$h.__file = "src/shared/components/AppDrawer.vue";
+script$j.__file = "src/shared/components/AppDrawer.vue";
+
+const _hoisted_1$g = { key: 0 };
+var script$i = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    text: { type: String, required: true },
+    style: { type: [Object, String], required: false },
+    showClose: { type: Boolean, required: false }
+  },
+  emits: ["close", "txtClick"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function close() {
+      emit("close");
+    }
+    function txtClick() {
+      emit("txtClick");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["dd-notice-bar", { close: _ctx.showClose }]),
+          style: normalizeStyle(_ctx.style)
+        },
+        [
+          createElementVNode("div", {
+            class: "dd-notice-bar__txt",
+            name: "text",
+            onClick: txtClick
+          }, [
+            _ctx.text ? (openBlock(), createElementBlock(
+              "span",
+              _hoisted_1$g,
+              toDisplayString(_ctx.text),
+              1
+              /* TEXT */
+            )) : createCommentVNode("v-if", true),
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _ctx.showClose ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            onClick: close,
+            src: "https://cdn.ddjf.com/static/images/wechat-yunservice/close-icon.png",
+            class: "dd-notice-bar__close"
+          })) : createCommentVNode("v-if", true)
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+script$i.__file = "src/components/dd-notice-bar/index.vue";
+
+const typeMappings = {
+  CZ: "\u5145\u503C",
+  JF: "\u7F34\u8D39",
+  FE: "\u8FD4\u989D",
+  ZJ: "\u589E\u52A0",
+  KJ: "\u6263\u51CF",
+  XH: "\u6D88\u8017",
+  TH: "\u9000\u56DE",
+  ZS: "\u8D60\u9001",
+  HG: "\u6362\u8D2D"
+};
+const typeMappingsReversed = Object.fromEntries(
+  Object.entries(typeMappings).map(([x, y]) => [y, x])
+);
+const positionMappings = {
+  common: "\u4E91\u8C46",
+  rights: "\u5C0F\u4E91\u8C46",
+  gift: "\u6743\u76CA"
+};
+const positionMappingsReversed = Object.fromEntries(
+  Object.entries(positionMappings).map(([x, y]) => [y, x])
+);
+const directionMappings = {
+  0: "\u6536\u5165",
+  1: "\u652F\u51FA"
+};
+const directionMappingsReversed = Object.fromEntries(
+  Object.entries(directionMappings).map(([x, y]) => [y, x])
+);
+const endpointsList$1 = {
+  \u83B7\u53D6\u4F59\u989D\u660E\u7EC6: {
+    path: "/ac-app/account/info/detail/app",
+    // /app
+    translate: (data) => ({
+      appCode: data.app
+    }),
+    transform(result) {
+      return {
+        total: result.commonAccount,
+        privileges: result.rightsAccountBalList.map((r) => ({
+          title: r.rightsName,
+          count: r.rightsAccount,
+          unit: r.rightsUnit,
+          appCode: r.appCode,
+          id: r.activityId
+        }))
+      };
+    }
+  },
+  \u83B7\u53D6\u8D26\u6237\u6D41\u6C34: {
+    path: "/ac-app/account/record/detail/mobile",
+    translate: (data) => {
+      return {
+        appCode: data.app,
+        accountType: positionMappingsReversed[data.\u8D26\u6237\u7C7B\u578B] || "",
+        inOrOut: directionMappingsReversed[data.\u6536\u5165\u8FD8\u662F\u652F\u51FA] || "",
+        changeType: typeMappingsReversed[data.\u4EA4\u6613\u7C7B\u578B] || "",
+        operateTimeStart: data.dateFrom || "",
+        operateTimeEnd: data.dateTo || "",
+        rightsCode: data.\u6743\u76CA\u7C7B\u76EE,
+        pageNum: data.page,
+        pageSize: 10
+      };
+    },
+    transform(response) {
+      const data = response.list.map((d) => ({
+        \u8D26\u6237\u7C7B\u578B: positionMappings[d.accountType],
+        \u4EA4\u6613\u7C7B\u578B: typeMappings[d.changeType],
+        \u6536\u5165\u8FD8\u662F\u652F\u51FA: directionMappings[d.inOrOut],
+        amount: d.changeValue,
+        title: d.rightsName,
+        time: Date.parse(d.operateTime),
+        // 后台返回的是日期字符串，这里格式化成 timestamp
+        description: d.remark
+      }));
+      return data;
+    }
+  },
+  \u83B7\u53D6\u6743\u76CA\u7C7B\u76EE: {
+    path: "/ac-app/rights/item/list",
+    translate: (data) => ({
+      appCode: data.app
+    }),
+    // translate (data: ConsumptionFiltering) {
+    //   // return { appCode: data.appCode }
+    // },
+    transform: (data) => data.map((d) => ({
+      name: d.rightsName,
+      code: d.rightsCode
+    }))
+  }
+};
+const endpoints$1 = Object.fromEntries(
+  Object.entries(endpointsList$1).map(([name, def]) => [name, def.path])
+);
+const translates$1 = Object.fromEntries(
+  Object.entries(endpointsList$1).map(([, def]) => [def.path, def.translate])
+);
+const transforms$1 = Object.fromEntries(
+  Object.entries(endpointsList$1).map(([, def]) => [def.path, def.transform])
+);
+
+const globalData = {};
+
+const appKitOptions = {
+  app: () => "",
+  tenant: () => "",
+  token: () => "",
+  tempToken: () => "",
+  baseUrl: () => "",
+  401() {
+  },
+  gray: () => ""
+};
+const useAppKitOptions = () => {
+  if (!globalData.$appKitOptions) {
+    globalData.$appKitOptions = appKitOptions;
+  }
+  return globalData.$appKitOptions;
+};
+
+const vendor$1 = {
+  async request(config) {
+    return new Promise((resolve, reject) => {
+      Taro.request({
+        url: config.url,
+        method: config.method,
+        header: config.headers,
+        data: config.data
+      }).then(({ data }) => {
+        resolve({
+          status: +data.code,
+          message: data.msg,
+          data: data.result
+        });
+      }).catch((e) => {
+        reject(e);
+      });
+    });
+  }
+};
+function useHttp$1() {
+  const appkitOptions = useAppKitOptions();
+  const headers = {
+    Token: appkitOptions.tempToken() || appkitOptions.token(),
+    Appcode: appkitOptions.app(),
+    cookie: `tid=${appkitOptions.tenant()}`,
+    gray: appkitOptions.gray ? appkitOptions.gray() : "0"
+  };
+  const $http = createHttp({
+    vendor: vendor$1,
+    baseUrl: appkitOptions.baseUrl(),
+    headers,
+    interceptors: [
+      (raw) => {
+        if (raw.status == 401) {
+          appkitOptions[401]();
+          return true;
+        }
+        return false;
+      },
+      (raw) => {
+        if (raw.status > 500) {
+          return true;
+        }
+        return false;
+      }
+    ],
+    paging: {
+      translate: (params) => ({
+        pageNum: params.page,
+        pageSize: params.pageSize
+      }),
+      transform(data) {
+        return {
+          totalPages: data.pages
+        };
+      }
+    },
+    translates: translates$1,
+    transforms: transforms$1
+  });
+  return $http;
+}
+
+var script$h = /* @__PURE__ */ defineComponent({
+  __name: "DeviceVersion",
+  setup(__props) {
+    const showAlert = ref(false);
+    const safeArea = useSafeArea();
+    console.log(safeArea, " safeArea");
+    const topStype = computed(() => {
+      return `top: ${safeArea.nav + safeArea.status}px;`;
+    });
+    onMounted(async () => {
+      await getPropertieByCode();
+      const systemInfo = Taro.getSystemInfoSync();
+      const version = systemInfo.SDKVersion;
+      function compareVersion(v1, v2) {
+        const v1Arr = v1.split(".").map(Number);
+        const v2Arr = v2.split(".").map(Number);
+        for (let i = 0; i < v1Arr.length || i < v2Arr.length; i++) {
+          if ((v1Arr[i] || 0) > (v2Arr[i] || 0)) {
+            return true;
+          } else if ((v1Arr[i] || 0) < (v2Arr[i] || 0)) {
+            return false;
+          }
+        }
+        return false;
+      }
+      if (!compareVersion(version, recommendVersions.value?.Mini || "2.24.0")) {
+        showAlert.value = true;
+      }
+    });
+    const recommendVersions = ref();
+    async function getPropertieByCode() {
+      if (recommendVersions.value)
+        return;
+      const $http = useHttp$1();
+      $http.get("/cas/properties/getPropertie", {
+        code: "pcRecommendVersion"
+      }).then((res) => {
+        recommendVersions.value = JSON.parse(res.value || "{}");
+      });
+    }
+    return (_ctx, _cache) => {
+      return showAlert.value ? (openBlock(), createBlock(script$i, {
+        key: 0,
+        showClose: "",
+        style: normalizeStyle(topStype.value),
+        onClose: _cache[0] || (_cache[0] = ($event) => showAlert.value = !showAlert.value),
+        text: "\u60A8\u5F53\u524D\u4F7F\u7528\u7684\u5FAE\u4FE1\u5BA2\u6237\u7AEF\u7248\u672C\u8F83\u4F4E\uFF0C\u53EF\u80FD\u4E0D\u652F\u6301\u5168\u90E8\u529F\u80FD\u6216\u4F53\u9A8C\u6548\u679C\u53EF\u80FD\u4E0D\u4F73\uFF0C\u5EFA\u8BAE\u81F3\u5E94\u7528\u5546\u5E97\u6216App Store\u5347\u7EA7\u81F3\u6700\u65B0\u7248\u672C\u3002"
+      }, null, 8, ["style"])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+
+script$h.__file = "src/shared/components/DeviceVersion.vue";
 
 var HttpMethod = /* @__PURE__ */ ((HttpMethod2) => {
   HttpMethod2["get"] = "GET";
@@ -313,7 +607,7 @@ function createHttp(config) {
   };
 }
 
-const endpointsList$1 = {
+const endpointsList = {
   /**
    * 获取充值套餐包列表
    * (查询某应用某场景可充值的金额列表)
@@ -396,36 +690,17 @@ const endpointsList$1 = {
     transform: (data) => data
   }
 };
-const endpoints$1 = Object.fromEntries(
-  Object.entries(endpointsList$1).map(([name, def]) => [name, def.path])
+const endpoints = Object.fromEntries(
+  Object.entries(endpointsList).map(([name, def]) => [name, def.path])
 );
-const translates$1 = Object.fromEntries(
-  Object.entries(endpointsList$1).map(([, def]) => [def.path, def.translate])
+const translates = Object.fromEntries(
+  Object.entries(endpointsList).map(([, def]) => [def.path, def.translate])
 );
-const transforms$1 = Object.fromEntries(
-  Object.entries(endpointsList$1).map(([, def]) => [def.path, def.transform])
+const transforms = Object.fromEntries(
+  Object.entries(endpointsList).map(([, def]) => [def.path, def.transform])
 );
 
-const globalData = {};
-
-const appKitOptions = {
-  app: () => "",
-  tenant: () => "",
-  token: () => "",
-  tempToken: () => "",
-  baseUrl: () => "",
-  401() {
-  },
-  gray: () => ""
-};
-const useAppKitOptions = () => {
-  if (!globalData.$appKitOptions) {
-    globalData.$appKitOptions = appKitOptions;
-  }
-  return globalData.$appKitOptions;
-};
-
-const vendor$1 = {
+const vendor = {
   async request(config) {
     return new Promise((resolve, reject) => {
       Taro.request({
@@ -445,7 +720,7 @@ const vendor$1 = {
     });
   }
 };
-function useHttp$1() {
+function useHttp() {
   const appkitOptions = useAppKitOptions();
   const headers = {
     Token: appkitOptions.tempToken() || appkitOptions.token(),
@@ -454,7 +729,7 @@ function useHttp$1() {
     gray: appkitOptions.gray ? appkitOptions.gray() : "0"
   };
   const $http = createHttp({
-    vendor: vendor$1,
+    vendor,
     baseUrl: appkitOptions.baseUrl(),
     headers,
     interceptors: [
@@ -472,8 +747,8 @@ function useHttp$1() {
         return false;
       }
     ],
-    translates: translates$1,
-    transforms: transforms$1
+    translates,
+    transforms
   });
   return $http;
 }
@@ -501,8 +776,8 @@ var invokeRecharge$1 = {
 
 const requestPayment = (params) => {
   return new Promise((resolve, reject) => {
-    const $http = useHttp$1();
-    $http.post(endpoints$1.\u83B7\u53D6\u5FAE\u4FE1\u652F\u4ED8\u53C2\u6570\u5305, {
+    const $http = useHttp();
+    $http.post(endpoints.\u83B7\u53D6\u5FAE\u4FE1\u652F\u4ED8\u53C2\u6570\u5305, {
       ...params
       // amount: 0.01,
     }).then((response) => {
@@ -518,8 +793,8 @@ const requestPayment = (params) => {
 };
 const requestPaymentByBean = (params) => {
   return new Promise((resolve, reject) => {
-    const $http = useHttp$1();
-    $http.post(endpoints$1.\u83B7\u53D6\u6743\u76CA\u5FAE\u4FE1\u652F\u4ED8, {
+    const $http = useHttp();
+    $http.post(endpoints.\u83B7\u53D6\u6743\u76CA\u5FAE\u4FE1\u652F\u4ED8, {
       ...params
     }).then((response) => {
       if (!response.json) {
@@ -579,8 +854,8 @@ var script$g = /* @__PURE__ */ defineComponent({
       state.selected = selected;
     };
     onMounted(() => {
-      const $http = useHttp$1();
-      $http.get(endpoints$1.\u83B7\u53D6\u5145\u503C\u91D1\u989D\u5217\u8868, {
+      const $http = useHttp();
+      $http.get(endpoints.\u83B7\u53D6\u5145\u503C\u91D1\u989D\u5217\u8868, {
         app: props.app,
         // stage: 'aiApproveRecharge', // 支付场景
         tenant: props.tenant
@@ -620,7 +895,7 @@ var script$g = /* @__PURE__ */ defineComponent({
       const _component_nut_button = resolveComponent("nut-button");
       return openBlock(), createElementBlock("view", _hoisted_1$f, [
         createElementVNode("view", _hoisted_2$d, [
-          createVNode(script$k, {
+          createVNode(script$m, {
             items: amounts.value,
             selected: state.selected,
             onChange: onAmountSelect
@@ -657,13 +932,13 @@ var script$g = /* @__PURE__ */ defineComponent({
             /* STABLE */
           }, 8, ["loading"])
         ]),
-        createVNode(unref(script$h), {
+        createVNode(unref(script$j), {
           modelValue: state.agreementOpen,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.agreementOpen = $event),
           title: "\u5145\u503C\u534F\u8BAE"
         }, {
           default: withCtx(() => [
-            createVNode(script$j)
+            createVNode(script$l)
           ]),
           _: 1
           /* STABLE */
@@ -899,15 +1174,15 @@ var script$d = /* @__PURE__ */ defineComponent({
       return amounts.value[state.selected] && !selectBean.value ? amounts.value[state.selected].paymentAmount : 0;
     });
     onMounted(() => {
-      const $http = useHttp$1();
-      $http.get(endpoints$1.\u83B7\u53D6\u589E\u503C\u6743\u76CA\u7C7B\u76EE).then((res) => {
+      const $http = useHttp();
+      $http.get(endpoints.\u83B7\u53D6\u589E\u503C\u6743\u76CA\u7C7B\u76EE).then((res) => {
         balance.value = res.balance;
         amounts.value = res.paymentCaseConfigVOS;
       });
     });
     const showDialog = ref(false);
     async function beanPay() {
-      const $http = useHttp$1();
+      const $http = useHttp();
       $http.post(`/payment/paymentCaseConfig/purchase/${amounts.value[state.selected].id}`).then((response) => {
         if (response) {
           showDialog.value = false;
@@ -1043,13 +1318,13 @@ var script$d = /* @__PURE__ */ defineComponent({
             }, 8, ["loading"])
           ])
         ]),
-        createVNode(unref(script$h), {
+        createVNode(unref(script$j), {
           modelValue: state.agreementOpen,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => state.agreementOpen = $event),
           title: "\u5145\u503C\u534F\u8BAE"
         }, {
           default: withCtx(() => [
-            createVNode(script$j)
+            createVNode(script$l)
           ]),
           _: 1
           /* STABLE */
@@ -1104,179 +1379,13 @@ var script$d = /* @__PURE__ */ defineComponent({
 script$d.__file = "src/payment/components/TradeView.vue";
 
 const components = {
-  AmountPicker: script$k,
+  AmountPicker: script$m,
   RechargeView: script$g,
-  UserAgreement: script$j,
+  UserAgreement: script$l,
   RechargeResult: script$f,
   TradeView: script$d
 };
 
-const typeMappings = {
-  CZ: "\u5145\u503C",
-  JF: "\u7F34\u8D39",
-  FE: "\u8FD4\u989D",
-  ZJ: "\u589E\u52A0",
-  KJ: "\u6263\u51CF",
-  XH: "\u6D88\u8017",
-  TH: "\u9000\u56DE",
-  ZS: "\u8D60\u9001",
-  HG: "\u6362\u8D2D"
-};
-const typeMappingsReversed = Object.fromEntries(
-  Object.entries(typeMappings).map(([x, y]) => [y, x])
-);
-const positionMappings = {
-  common: "\u4E91\u8C46",
-  rights: "\u5C0F\u4E91\u8C46",
-  gift: "\u6743\u76CA"
-};
-const positionMappingsReversed = Object.fromEntries(
-  Object.entries(positionMappings).map(([x, y]) => [y, x])
-);
-const directionMappings = {
-  0: "\u6536\u5165",
-  1: "\u652F\u51FA"
-};
-const directionMappingsReversed = Object.fromEntries(
-  Object.entries(directionMappings).map(([x, y]) => [y, x])
-);
-const endpointsList = {
-  \u83B7\u53D6\u4F59\u989D\u660E\u7EC6: {
-    path: "/ac-app/account/info/detail/app",
-    // /app
-    translate: (data) => ({
-      appCode: data.app
-    }),
-    transform(result) {
-      return {
-        total: result.commonAccount,
-        privileges: result.rightsAccountBalList.map((r) => ({
-          title: r.rightsName,
-          count: r.rightsAccount,
-          unit: r.rightsUnit,
-          appCode: r.appCode,
-          id: r.activityId
-        }))
-      };
-    }
-  },
-  \u83B7\u53D6\u8D26\u6237\u6D41\u6C34: {
-    path: "/ac-app/account/record/detail/mobile",
-    translate: (data) => {
-      return {
-        appCode: data.app,
-        accountType: positionMappingsReversed[data.\u8D26\u6237\u7C7B\u578B] || "",
-        inOrOut: directionMappingsReversed[data.\u6536\u5165\u8FD8\u662F\u652F\u51FA] || "",
-        changeType: typeMappingsReversed[data.\u4EA4\u6613\u7C7B\u578B] || "",
-        operateTimeStart: data.dateFrom || "",
-        operateTimeEnd: data.dateTo || "",
-        rightsCode: data.\u6743\u76CA\u7C7B\u76EE,
-        pageNum: data.page,
-        pageSize: 10
-      };
-    },
-    transform(response) {
-      const data = response.list.map((d) => ({
-        \u8D26\u6237\u7C7B\u578B: positionMappings[d.accountType],
-        \u4EA4\u6613\u7C7B\u578B: typeMappings[d.changeType],
-        \u6536\u5165\u8FD8\u662F\u652F\u51FA: directionMappings[d.inOrOut],
-        amount: d.changeValue,
-        title: d.rightsName,
-        time: Date.parse(d.operateTime),
-        // 后台返回的是日期字符串，这里格式化成 timestamp
-        description: d.remark
-      }));
-      return data;
-    }
-  },
-  \u83B7\u53D6\u6743\u76CA\u7C7B\u76EE: {
-    path: "/ac-app/rights/item/list",
-    translate: (data) => ({
-      appCode: data.app
-    }),
-    // translate (data: ConsumptionFiltering) {
-    //   // return { appCode: data.appCode }
-    // },
-    transform: (data) => data.map((d) => ({
-      name: d.rightsName,
-      code: d.rightsCode
-    }))
-  }
-};
-const endpoints = Object.fromEntries(
-  Object.entries(endpointsList).map(([name, def]) => [name, def.path])
-);
-const translates = Object.fromEntries(
-  Object.entries(endpointsList).map(([, def]) => [def.path, def.translate])
-);
-const transforms = Object.fromEntries(
-  Object.entries(endpointsList).map(([, def]) => [def.path, def.transform])
-);
-
-const vendor = {
-  async request(config) {
-    return new Promise((resolve, reject) => {
-      Taro.request({
-        url: config.url,
-        method: config.method,
-        header: config.headers,
-        data: config.data
-      }).then(({ data }) => {
-        resolve({
-          status: +data.code,
-          message: data.msg,
-          data: data.result
-        });
-      }).catch((e) => {
-        reject(e);
-      });
-    });
-  }
-};
-function useHttp() {
-  const appkitOptions = useAppKitOptions();
-  const headers = {
-    Token: appkitOptions.tempToken() || appkitOptions.token(),
-    Appcode: appkitOptions.app(),
-    cookie: `tid=${appkitOptions.tenant()}`,
-    gray: appkitOptions.gray ? appkitOptions.gray() : "0"
-  };
-  const $http = createHttp({
-    vendor,
-    baseUrl: appkitOptions.baseUrl(),
-    headers,
-    interceptors: [
-      (raw) => {
-        if (raw.status == 401) {
-          appkitOptions[401]();
-          return true;
-        }
-        return false;
-      },
-      (raw) => {
-        if (raw.status > 500) {
-          return true;
-        }
-        return false;
-      }
-    ],
-    paging: {
-      translate: (params) => ({
-        pageNum: params.page,
-        pageSize: params.pageSize
-      }),
-      transform(data) {
-        return {
-          totalPages: data.pages
-        };
-      }
-    },
-    translates,
-    transforms
-  });
-  return $http;
-}
-
 const _hoisted_1$b = { class: "account-card" };
 const _hoisted_2$9 = { class: "card" };
 const _hoisted_3$8 = { class: "card-row" };
@@ -1380,8 +1489,8 @@ var script$c = /* @__PURE__ */ defineComponent({
       emit("recharge");
     };
     async function loadBalance() {
-      const $http = useHttp();
-      $http.get(endpoints.\u83B7\u53D6\u4F59\u989D\u660E\u7EC6, {
+      const $http = useHttp$1();
+      $http.get(endpoints$1.\u83B7\u53D6\u4F59\u989D\u660E\u7EC6, {
         app: props.app
       }).then((data) => {
         balance.value = data;
@@ -1479,7 +1588,7 @@ var script$b = /* @__PURE__ */ defineComponent({
   },
   emits: ["complete"],
   setup(__props, { emit: __emit }) {
-    const $http = useHttp();
+    const $http = useHttp$1();
     const props = __props;
     const emit = __emit;
     const result = reactive(props.modelValue);
@@ -1512,7 +1621,7 @@ var script$b = /* @__PURE__ */ defineComponent({
       result[3] = "";
     };
     const \u8BF7\u6C42\u6743\u76CA\u7C7B\u76EE = () => {
-      $http.get(endpoints.\u83B7\u53D6\u6743\u76CA\u7C7B\u76EE).then((data) => {
+      $http.get(endpoints$1.\u83B7\u53D6\u6743\u76CA\u7C7B\u76EE).then((data) => {
         filterSections.value[3].data = [
           { code: "", name: "\u5168\u90E8" },
           ...data
@@ -2055,12 +2164,12 @@ var script$6 = /* @__PURE__ */ defineComponent({
       if (!append) {
         consumptionGroups.value = [];
       }
-      const $http = useHttp();
+      const $http = useHttp$1();
       Taro.showLoading({
         title: `\u52A0\u8F7D\u4E2D...`,
         mask: true
       });
-      $http.get(endpoints.\u83B7\u53D6\u8D26\u6237\u6D41\u6C34, {
+      $http.get(endpoints$1.\u83B7\u53D6\u8D26\u6237\u6D41\u6C34, {
         app: props.app,
         ...filtering
       }).then((response) => {
@@ -2075,8 +2184,8 @@ var script$6 = /* @__PURE__ */ defineComponent({
       });
     }
     async function loadBalance() {
-      const $http = useHttp();
-      $http.get(endpoints.\u83B7\u53D6\u4F59\u989D\u660E\u7EC6, {
+      const $http = useHttp$1();
+      $http.get(endpoints$1.\u83B7\u53D6\u4F59\u989D\u660E\u7EC6, {
         app: props.app
       }).then((data) => {
         const { privileges, total } = data;
@@ -2165,7 +2274,7 @@ var script$6 = /* @__PURE__ */ defineComponent({
         [
           createElementVNode("div", _hoisted_1$5, [
             createElementVNode("div", _hoisted_2$3, [
-              createVNode(unref(script$i), {
+              createVNode(unref(script$k), {
                 "color-mode": "dark",
                 title: "\u6211\u7684\u8D26\u6237",
                 class: normalizeClass({ "with-background": scrolled.value > 0 }),
@@ -2339,7 +2448,7 @@ var script$6 = /* @__PURE__ */ defineComponent({
             _: 1
             /* STABLE */
           }, 8, ["visible"]),
-          createVNode(unref(script$h), {
+          createVNode(unref(script$j), {
             modelValue: secondBalanceOpen.value,
             "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => secondBalanceOpen.value = $event),
             title: "\u6536\u652F\u660E\u7EC6"
@@ -3371,4 +3480,4 @@ const AppKit = {
   }
 };
 
-export { script$6 as AccountView, script$k as AmountPicker, script$h as AppDrawer, script$c as BalanceCard, script$5 as BalanceReminder, script$i as PageHeader, script$f as RechargeResult, script$g as RechargeView, script as SelfRegistration, script$d as TradeView, script$j as UserAgreement, components, createHttp, AppKit as default, requestPayment$2 as requestPayment, services$1 as services, useAppKit, useSafeArea, useTabbar };
+export { script$6 as AccountView, script$m as AmountPicker, script$j as AppDrawer, script$c as BalanceCard, script$5 as BalanceReminder, script$h as DeviceVersion, script$k as PageHeader, script$f as RechargeResult, script$g as RechargeView, script as SelfRegistration, script$d as TradeView, script$l as UserAgreement, components, createHttp, AppKit as default, requestPayment$2 as requestPayment, services$1 as services, useAppKit, useSafeArea, useTabbar };

package/dist/main.css

@@ -0,0 +1,3 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };

package/dist/styles.css

@@ -0,0 +1 @@
+@import url(./styles/vars.scss);

package/package.json

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

package/src/components/dd-notice-bar/index.vue

@@ -0,0 +1,68 @@
+<script setup lang="ts">
+const props = defineProps<{
+  text: string
+  style?: {} | string
+  showClose?: boolean
+}>()
+
+const emit = defineEmits(['close', 'txtClick'])
+function close() {
+  emit('close')
+}
+function txtClick() {
+  emit('txtClick')
+}
+</script>
+
+<template>
+  <div class="dd-notice-bar" :class="{ close: showClose }" :style="style">
+    <div class="dd-notice-bar__txt" name="text" @click="txtClick">
+      <span v-if="text">{{ text }}</span>
+      <slot></slot>
+    </div>
+    <img
+      v-if="showClose"
+      @click="close"
+      src="https://cdn.ddjf.com/static/images/wechat-yunservice/close-icon.png"
+      class="dd-notice-bar__close"
+    />
+  </div>
+</template>
+
+<style lang="scss">
+.dd-notice-bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  font-size: 13px;
+  color: #ea5959;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  min-height: 30px;
+  line-height: 18px;
+  padding: 6px 18px;
+  background: #ffe8d8;
+  box-sizing: border-box;
+  &__close {
+    width: 10px;
+    height: 10px;
+    margin-left: 8px;
+  }
+  &.close {
+    justify-content: space-between;
+    color: #fb970c;
+    background: #fff2d8;
+    .dd-notice-bar__txt {
+      text-align: left;
+    }
+  }
+  &__txt {
+    flex: 1;
+    text-align: center;
+    opacity: 0.8;
+  }
+}
+</style>

package/src/shared/components/DeviceVersion.vue

@@ -0,0 +1,68 @@
+<template>
+  <DdNoticeBar
+    v-if="showAlert"
+    showClose
+    :style="topStype"
+    @close="showAlert = !showAlert"
+    text="您当前使用的微信客户端版本较低，可能不支持全部功能或体验效果可能不佳，建议至应用商店或App Store升级至最新版本。"
+  />
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, computed } from 'vue'
+import DdNoticeBar from '../../components/dd-notice-bar/index.vue'
+import { useSafeArea } from '../composables'
+import Taro from '@tarojs/taro'
+import { useHttp } from '../../balance/api'
+
+const showAlert = ref(false)
+const safeArea = useSafeArea()
+console.log(safeArea, ' safeArea')
+
+const topStype = computed(() => {
+  return `top: ${safeArea.nav + safeArea.status}px;`
+})
+
+onMounted(async () => {
+  await getPropertieByCode()
+
+  const systemInfo = Taro.getSystemInfoSync()
+  const version = systemInfo.SDKVersion
+
+  // 版本号比较函数
+  function compareVersion(v1, v2) {
+    const v1Arr = v1.split('.').map(Number)
+    const v2Arr = v2.split('.').map(Number)
+
+    for (let i = 0; i < v1Arr.length || i < v2Arr.length; i++) {
+      if ((v1Arr[i] || 0) > (v2Arr[i] || 0)) {
+        return true
+      } else if ((v1Arr[i] || 0) < (v2Arr[i] || 0)) {
+        return false
+      }
+    }
+    return false
+  }
+
+  if (!compareVersion(version, recommendVersions.value?.Mini || '2.24.0')) {
+    showAlert.value = true
+  }
+})
+
+const recommendVersions = ref()
+// 获取系统配置 - 小程序推荐版本
+async function getPropertieByCode() {
+  if (recommendVersions.value) return
+
+  const $http = useHttp()
+  $http
+    .get('/cas/properties/getPropertie', {
+      code: 'pcRecommendVersion',
+    })
+    .then((res: any) => {
+      recommendVersions.value = JSON.parse(res.value || '{}')
+    })
+}
+</script>
+
+<style lang="less"></style>

package/src/shared/components/index.ts

@@ -1,7 +1,5 @@
 import AppDrawer from './AppDrawer.vue'
 import PageHeader from './PageHeader.vue'
+import DeviceVersion from './DeviceVersion.vue'
 
-export {
-  AppDrawer,
-  PageHeader
-}
+export { AppDrawer, PageHeader, DeviceVersion }