@uxda/appkit 4.3.8 → 4.3.12

package/babel.config.js

@@ -1,12 +1,12 @@
-// babel-preset-taro 更多选项和默认值：
-// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
-module.exports = {
-  presets: [
-    ['taro', {
-      framework: 'vue3',
-      ts: true
-    }]
-  ],
-  plugins: [
-  ],
-}
+// babel-preset-taro 更多选项和默认值：
+// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
+module.exports = {
+  presets: [
+    ['taro', {
+      framework: 'vue3',
+      ts: true
+    }]
+  ],
+  plugins: [
+  ],
+}

package/dist/appkit.css

@@ -85,9 +85,9 @@
   font-weight: bold;
 }
 .app-verify .caption {
-  font-size: 13px !important;
-  color: #ccc;
-  line-height: 21px;
+  font-size: 14px !important;
+  color: #666;
+  margin-bottom: 5px;
 }
 .app-verify .number {
   line-height: 21px;
@@ -106,9 +106,17 @@
   flex: 1;
   padding-left: 12px;
 }
+.app-verify .form .nut-cell-group__wrap .form-input .input-text {
+  text-align: left !important;
+}
 .app-verify .form .nut-cell-group__wrap .form-btn {
   margin-left: 12px;
-  width: 105px;
+  width: 90px;
+}
+.app-verify .form .nut-cell-group__wrap .form-btn .caption {
+  font-size: 10px !important;
+  color: #ccc;
+  margin-bottom: 0;
 }
 .app-verify .buttons {
   width: 100%;
@@ -184,6 +192,19 @@
 .ocr-icon.disabled .ns-icon {
   filter: brightness(1.5) grayscale(1);
 }
+.ocr-bank {
+  width: 24px;
+  height: 24px;
+  display: inline-flex;
+  align-items: center;
+}
+.ocr-bank .ns-icon {
+  width: 24px;
+  height: 24px;
+}
+.ocr-bank.disabled .ns-icon {
+  filter: brightness(1.5) grayscale(1);
+}
 .ocr-business-license {
   width: 24px;
   height: 24px;
@@ -195,6 +216,19 @@
 .ocr-business-license.disabled .ns-icon {
   filter: brightness(1.5) grayscale(1);
 }
+.ocr-invoice {
+  width: 24px;
+  height: 24px;
+  display: inline-flex;
+  align-items: center;
+}
+.ocr-invoice .ns-icon {
+  width: 24px;
+  height: 24px;
+}
+.ocr-invoice.disabled .ns-icon {
+  filter: brightness(1.5) grayscale(1);
+}
 .recharge-view {
   height: 100%;
   display: flex;
@@ -335,14 +369,15 @@
 .recharge-view2 .bean-buy {
   margin: 0 15px;
   padding: 10px;
-  background: #FFFBF3;
+  background: #fffbf3;
   border-radius: 5px;
   display: flex;
   justify-content: space-between;
   align-items: center;
+  flex-wrap: wrap;
 }
 .recharge-view2 .bean-buy .left .title {
-  color: #FD6701;
+  color: #fd6701;
   font-size: 14px;
   font-weight: 600;
   line-height: 20px;
@@ -373,9 +408,22 @@
   height: 16px;
   font-size: 0;
 }
+.recharge-view2 .balance-warning {
+  width: 100%;
+  padding: 8px 10px;
+  margin-top: 10px;
+  background: #fdefe6;
+  border-radius: 5px;
+  color: #fd6701;
+  font-size: 12px;
+}
+.recharge-view2 .balance-warning-tip {
+  margin: 10px 26px 0;
+  color: #666666;
+  font-size: 10px;
+}
 .recharge-view2 .amount-footer {
   padding: 10px 0;
-  padding-bottom: 20px;
 }
 .recharge-view2 .amount-footer .agreement {
   font-size: 12px;
@@ -399,7 +447,7 @@
   font-size: 13px;
 }
 .recharge-view2 .amount-footer .buy-amount .left .amount {
-  color: #FD6701;
+  color: #fd6701;
   font-size: 20px;
   font-weight: 600;
 }
@@ -408,7 +456,7 @@
   font-style: normal;
 }
 .recharge-view2 .amount-footer .buy-amount .recharge-button {
-  background: linear-gradient(90deg, #FFEBC1 0%, #FFD7A7 52.29%, #FFB875 100%);
+  background: linear-gradient(90deg, #ffebc1 0%, #ffd7a7 52.29%, #ffb875 100%);
   color: #353535;
   margin: 12px 0;
   border: 0;
@@ -425,7 +473,7 @@
 }
 .recharge-view2 .amount-footer .link {
   display: inline;
-  color: #FD6701;
+  color: #fd6701;
 }
 .trade-dialog .nut-dialog__header {
   font-size: 16px;
@@ -438,16 +486,16 @@
 }
 .trade-dialog .nut-dialog__footer-cancel {
   color: #353535 !important;
-  border-color: #CCCCCC !important;
+  border-color: #cccccc !important;
 }
 .trade-dialog .nut-dialog__footer-ok {
   border: none;
   color: #353535;
-  background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
+  background: linear-gradient(90deg, #ffebc1 0%, #ffb875 100%);
 }
-page {
-  --text-color: #333;
-  --text-color-dark-mode: #eee;
+page {
+  --text-color: #333;
+  --text-color-dark-mode: #eee;
 }
 .account-card .card {
   background: linear-gradient(90deg, #EEF1FA 0%, #E4E6F3 100%);