@uxda/appkit 4.1.50 → 4.1.52

package/dist/appkit.css

@@ -203,6 +203,7 @@
   height: 100%;
   display: flex;
   flex-direction: column;
+  --nut-primary-color: #017fff;
 }
 .recharge-view .flex-grow {
   flex-grow: 1;
@@ -331,6 +332,7 @@
   height: 100%;
   display: flex;
   flex-direction: column;
+  --nut-primary-color: #017fff;
 }
 .recharge-view2 .flex-grow {
   flex-grow: 1;
@@ -1260,22 +1262,37 @@ page {
   margin-left: 4px;
 }
 .promoter-card {
-  padding: 15px 20px;
-  background: linear-gradient(180deg, #FFEEDB 0%, #FEFEFC 100%);
+  position: relative;
+  padding: 20px;
+  background: #fff;
   box-sizing: border-box;
   margin: 0 auto;
   border-radius: 15px;
 }
+.promoter-card .icon {
+  font-size: 10px;
+  color: rgba(53, 53, 53, 0.3);
+}
+.promoter-card .arrow {
+  position: absolute;
+  left: 0;
+  top: 22px;
+  width: 9px;
+  height: 16px;
+}
 .promoter-card-hd {
   display: flex;
-  align-items: center;
+  flex-direction: column;
+  align-items: flex-start;
   color: #353535;
   margin-bottom: 12px;
 }
 .promoter-card-hd-num {
-  font-size: 22px;
+  font-size: 26px;
   font-weight: bold;
-  margin-right: 8px;
+  margin-top: 8px;
+  display: flex;
+  align-items: center;
 }
 .promoter-card-hd-info {
   font-size: 14px;
@@ -1291,6 +1308,8 @@ page {
   font-size: 12px;
   color: #434242;
   margin-bottom: 5px;
+  display: flex;
+  align-items: center;
 }
 .promoter-card-ft-num {
   display: flex;
@@ -1305,23 +1324,28 @@ page {
   margin-right: 30px;
 }
 .promoter-card-tab {
-  margin-top: -3px;
-  margin-bottom: 15px;
+  position: absolute;
+  top: 10px;
+  right: 13px;
+  border-radius: 4px;
+  overflow: hidden;
 }
 .promoter-card-tab-item {
   display: inline-flex;
   align-items: center;
-  background: #fff;
-  border-radius: 15px;
+  justify-content: center;
+  background: rgba(53, 53, 53, 0.1);
   height: 29px;
+  width: 90px;
+  box-sizing: border-box;
   padding: 0 10px;
-  font-size: 12px;
-  color: #6D4523;
-  margin-right: 12px;
+  font-size: 13px;
+  color: #353535;
 }
 .promoter-card-tab-item.focus {
-  background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
-  color: #6D4523;
+  background: linear-gradient(90deg, #FFEBC1 0%, #FFF9ED 100%);
+  font-weight: bold;
+  border-radius: 4px;
 }
 .promoter-card .arrow-img {
   width: 16px;
@@ -1764,7 +1788,7 @@ page {
 .user-entry {
   position: absolute;
   left: 0;
-  top: 130px;
+  top: 125px;
   transform: translateY(-50%);
   display: flex;
   padding: 0 22px;

package/dist/index.js

@@ -14,6 +14,7 @@ import '@nutui/nutui-taro/dist/packages/dialog/style/css';
 import '@nutui/nutui-taro/dist/packages/datepicker/style/css';
 import dayjs from 'dayjs';
 import groupBy from 'lodash/groupBy';
+import { IconFont } from '@nutui/icons-vue-taro';
 import '@nutui/nutui-taro/dist/packages/form/style/css';
 import '@nutui/nutui-taro/dist/packages/formitem/style/css';
 import '@nutui/nutui-taro/dist/packages/radiogroup/style/css';
@@ -1878,8 +1879,8 @@ const _hoisted_6$5 = {
   class: "amount"
 };
 const _hoisted_7$5 = { class: "amount" };
-const _hoisted_8$4 = ["src"];
-const _hoisted_9$3 = { class: "amount-footer" };
+const _hoisted_8$5 = ["src"];
+const _hoisted_9$4 = { class: "amount-footer" };
 const _hoisted_10$2 = {
   key: 0,
   class: "agreement"
@@ -2025,11 +2026,11 @@ var script$w = /* @__PURE__ */ defineComponent({
               createElementVNode("img", {
                 class: "icon",
                 src: selectBean.value ? "https://cdn.ddjf.com/static/images/appkit/select.svg" : "https://cdn.ddjf.com/static/images/appkit/not-select.svg"
-              }, null, 8, _hoisted_8$4)
+              }, null, 8, _hoisted_8$5)
             ])) : createCommentVNode("v-if", true)
           ])) : createCommentVNode("v-if", true)
         ]),
-        createElementVNode("view", _hoisted_9$3, [
+        createElementVNode("view", _hoisted_9$4, [
           !selectBean.value ? (openBlock(), createElementBlock("view", _hoisted_10$2, [
             createVNode(_component_nut_checkbox, {
               modelValue: state.agreed,
@@ -2675,8 +2676,8 @@ const _hoisted_7$4 = {
   key: 0,
   class: "rights-card"
 };
-const _hoisted_8$3 = { class: "list" };
-const _hoisted_9$2 = { class: "item-count" };
+const _hoisted_8$4 = { class: "list" };
+const _hoisted_9$3 = { class: "item-count" };
 const _hoisted_10$1 = { class: "item-title" };
 const _hoisted_11$1 = {
   key: 0,
@@ -2952,7 +2953,7 @@ var script$p = /* @__PURE__ */ defineComponent({
                   -1
                   /* HOISTED */
                 )),
-                createElementVNode("div", _hoisted_8$3, [
+                createElementVNode("div", _hoisted_8$4, [
                   (openBlock(true), createElementBlock(
                     Fragment,
                     null,
@@ -2961,7 +2962,7 @@ var script$p = /* @__PURE__ */ defineComponent({
                         class: "item star-item",
                         key: index
                       }, [
-                        createElementVNode("div", _hoisted_9$2, [
+                        createElementVNode("div", _hoisted_9$3, [
                           createElementVNode(
                             "span",
                             null,
@@ -3636,14 +3637,22 @@ const _hoisted_2$d = {
   key: 0,
   class: "promoter-card-tab"
 };
-const _hoisted_3$8 = { class: "promoter-card-hd-num" };
+const _hoisted_3$8 = { class: "promoter-card-hd-num number" };
 const _hoisted_4$6 = { class: "promoter-card-ft" };
-const _hoisted_5$5 = { class: "promoter-card-ft-num" };
-const _hoisted_6$3 = {
+const _hoisted_5$5 = {
+  key: 0,
+  class: "promoter-card-ft-item"
+};
+const _hoisted_6$3 = { class: "promoter-card-ft-info" };
+const _hoisted_7$3 = {
   key: 1,
   class: "promoter-card-ft-line"
 };
-const _hoisted_7$3 = { class: "promoter-card-ft-num" };
+const _hoisted_8$3 = {
+  key: 2,
+  class: "promoter-card-ft-item"
+};
+const _hoisted_9$2 = { class: "promoter-card-ft-info" };
 var script$k = /* @__PURE__ */ defineComponent({
   __name: "PromoterCard",
   props: {
@@ -3670,7 +3679,7 @@ var script$k = /* @__PURE__ */ defineComponent({
     const { formatAmount } = useAmount();
     const tab = ref("person");
     const promoter = ref({
-      total: 0,
+      balance: 0,
       totalIncome: 0,
       totalRebateIncome: 0
     });
@@ -3698,8 +3707,29 @@ var script$k = /* @__PURE__ */ defineComponent({
     __expose({
       reload: loadPromoter
     });
+    const toastMap = {
+      profits: "\u63A8\u5E7F\u5317\u6597\u661F\u62A5\u544A\u83B7\u53D6\uFF0C\u6BCF\u7B14\u62A5\u544A\u9500\u552E\u6536\u76CA= \u5BA2\u6237\u67E5\u8BE2\u4EF7 - \u6211\u7684\u6210\u672C\u4EF7",
+      rebate: "\u63A8\u8350\u670B\u53CB\u4F7F\u7528\u5317\u6597\u661F\u3001\u4F01\u660E\u661F\u83B7\u53D6\uFF0C\u8FD4\u4F63\u6536\u76CA= \u8FD4\u4F63\u57FA\u6570 * \u8FD4\u4F63\u6BD4\u4F8B"
+    };
+    function onHelpClick(type) {
+      Taro.showToast({
+        title: toastMap[type],
+        icon: "none"
+      });
+    }
     return (_ctx, _cache) => {
       return _ctx.applyRecord.distributorFlag === "Y" || _ctx.applyRecord.accessCheckStatus === "Y" ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
+        _cache[13] || (_cache[13] = createElementVNode(
+          "img",
+          {
+            class: "arrow",
+            src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAxNyAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjM4MTQgMTIuMzIwN0MxNi43NjI4IDEzLjUxNyAxNi43NjI4IDE1LjY1OTkgMTUuMzgxNCAxNi44NTYyTDEuNjU0NjUgMjguNzQzOUMxLjAwNzAxIDI5LjMwNDggLTEuMzA0NTZlLTA2IDI4Ljg0NDggLTEuMjY3MTFlLTA2IDI3Ljk4OEwtOS41Njc5OGUtMDggMS4xODg5Qy01LjgyM2UtMDggMC4zMzIxNDYgMS4wMDcwMSAtMC4xMjc5MDUgMS42NTQ2NSAwLjQzMjk3MUwxNS4zODE0IDEyLjMyMDdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTAyN185OTYpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTAyN185OTYiIHgxPSI0NiIgeTE9IjE1IiB4Mj0iLTUuNSIgeTI9IjE1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFRjlENTciLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZENDUwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==",
+            alt: ""
+          },
+          null,
+          -1
+          /* HOISTED */
+        )),
         _ctx.useCase === "company" && _ctx.isAdmin ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
           createElementVNode(
             "div",
@@ -3727,52 +3757,53 @@ var script$k = /* @__PURE__ */ defineComponent({
           class: "promoter-card-hd",
           onClick: _cache[2] || (_cache[2] = ($event) => emits("blance", tab.value))
         }, [
-          createElementVNode(
-            "div",
-            _hoisted_3$8,
-            toDisplayString(unref(formatAmount)(promoter.value.balance || 0)),
-            1
-            /* TEXT */
-          ),
-          _cache[5] || (_cache[5] = createElementVNode(
+          _cache[8] || (_cache[8] = createElementVNode(
             "div",
             { class: "promoter-card-hd-info" },
             "\u53EF\u63D0\u73B0\u4F59\u989D(\u5143)",
             -1
             /* HOISTED */
           )),
-          _cache[6] || (_cache[6] = createElementVNode(
-            "img",
-            {
-              class: "arrow-img",
-              src: "https://cdn.ddjf.com/static/images/appkit/arrow.png",
-              alt: ""
-            },
-            null,
-            -1
-            /* HOISTED */
-          ))
-        ])) : createCommentVNode("v-if", true),
-        createElementVNode("div", _hoisted_4$6, [
-          _ctx.applyRecord.accessCheckStatus === "Y" ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "promoter-card-ft-item",
-            onClick: _cache[3] || (_cache[3] = ($event) => emits("profits", tab.value))
-          }, [
-            _cache[8] || (_cache[8] = createElementVNode(
-              "div",
-              { class: "promoter-card-ft-info" },
-              "\u9500\u552E\u7D2F\u8BA1\u6536\u76CA(\u5143)",
+          createElementVNode("div", _hoisted_3$8, [
+            createTextVNode(
+              toDisplayString(unref(formatAmount)(promoter.value.balance || 0)) + " ",
+              1
+              /* TEXT */
+            ),
+            _cache[7] || (_cache[7] = createElementVNode(
+              "img",
+              {
+                class: "arrow-img",
+                style: { "margin-left": "12px" },
+                src: "https://cdn.ddjf.com/static/images/appkit/arrow.png",
+                alt: ""
+              },
+              null,
               -1
               /* HOISTED */
-            )),
-            createElementVNode("div", _hoisted_5$5, [
+            ))
+          ])
+        ])) : createCommentVNode("v-if", true),
+        createElementVNode("div", _hoisted_4$6, [
+          _ctx.applyRecord.accessCheckStatus === "Y" ? (openBlock(), createElementBlock("div", _hoisted_5$5, [
+            createElementVNode("div", _hoisted_6$3, [
+              _cache[9] || (_cache[9] = createTextVNode("\u9500\u552E\u7D2F\u8BA1\u6536\u76CA(\u5143) ")),
+              createVNode(unref(IconFont), {
+                class: "icon",
+                name: "ask",
+                onClick: _cache[3] || (_cache[3] = ($event) => onHelpClick("profits"))
+              })
+            ]),
+            createElementVNode("div", {
+              class: "promoter-card-ft-num number",
+              onClick: _cache[4] || (_cache[4] = ($event) => emits("profits", tab.value))
+            }, [
               createTextVNode(
                 toDisplayString(unref(formatAmount)(promoter.value.totalIncome || 0)) + " ",
                 1
                 /* TEXT */
               ),
-              _cache[7] || (_cache[7] = createElementVNode(
+              _cache[10] || (_cache[10] = createElementVNode(
                 "img",
                 {
                   class: "arrow-img",
@@ -3785,26 +3816,26 @@ var script$k = /* @__PURE__ */ defineComponent({
               ))
             ])
           ])) : createCommentVNode("v-if", true),
-          _ctx.applyRecord.accessCheckStatus === "Y" && _ctx.applyRecord.distributorFlag === "Y" ? (openBlock(), createElementBlock("div", _hoisted_6$3)) : createCommentVNode("v-if", true),
-          _ctx.applyRecord.distributorFlag === "Y" ? (openBlock(), createElementBlock("div", {
-            key: 2,
-            class: "promoter-card-ft-item",
-            onClick: _cache[4] || (_cache[4] = ($event) => emits("rebate", tab.value))
-          }, [
-            _cache[10] || (_cache[10] = createElementVNode(
-              "div",
-              { class: "promoter-card-ft-info" },
-              "\u8FD4\u4F63\u7D2F\u8BA1\u6536\u76CA(\u5143)",
-              -1
-              /* HOISTED */
-            )),
-            createElementVNode("div", _hoisted_7$3, [
+          _ctx.applyRecord.accessCheckStatus === "Y" && _ctx.applyRecord.distributorFlag === "Y" ? (openBlock(), createElementBlock("div", _hoisted_7$3)) : createCommentVNode("v-if", true),
+          _ctx.applyRecord.distributorFlag === "Y" ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
+            createElementVNode("div", _hoisted_9$2, [
+              _cache[11] || (_cache[11] = createTextVNode("\u8FD4\u4F63\u7D2F\u8BA1\u6536\u76CA(\u5143) ")),
+              createVNode(unref(IconFont), {
+                class: "icon",
+                name: "ask",
+                onClick: _cache[5] || (_cache[5] = ($event) => onHelpClick("rebate"))
+              })
+            ]),
+            createElementVNode("div", {
+              class: "promoter-card-ft-num number",
+              onClick: _cache[6] || (_cache[6] = ($event) => emits("rebate", tab.value))
+            }, [
               createTextVNode(
                 toDisplayString(unref(formatAmount)(promoter.value.totalRebateIncome || 0)) + " ",
                 1
                 /* TEXT */
               ),
-              _cache[9] || (_cache[9] = createElementVNode(
+              _cache[12] || (_cache[12] = createElementVNode(
                 "img",
                 {
                   class: "arrow-img",

package/package.json

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

package/src/balance/components/PromoterCard.vue

@@ -1,28 +1,38 @@
 <template>
   <div class="promoter-card" v-if="applyRecord.distributorFlag === 'Y' || applyRecord.accessCheckStatus === 'Y'">
+    <img class="arrow"
+      src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAxNyAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjM4MTQgMTIuMzIwN0MxNi43NjI4IDEzLjUxNyAxNi43NjI4IDE1LjY1OTkgMTUuMzgxNCAxNi44NTYyTDEuNjU0NjUgMjguNzQzOUMxLjAwNzAxIDI5LjMwNDggLTEuMzA0NTZlLTA2IDI4Ljg0NDggLTEuMjY3MTFlLTA2IDI3Ljk4OEwtOS41Njc5OGUtMDggMS4xODg5Qy01LjgyM2UtMDggMC4zMzIxNDYgMS4wMDcwMSAtMC4xMjc5MDUgMS42NTQ2NSAwLjQzMjk3MUwxNS4zODE0IDEyLjMyMDdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTAyN185OTYpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTAyN185OTYiIHgxPSI0NiIgeTE9IjE1IiB4Mj0iLTUuNSIgeTI9IjE1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFRjlENTciLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkZENDUwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg=="
+      alt="">
     <div class="promoter-card-tab" v-if="useCase === 'company' && isAdmin">
       <div class="promoter-card-tab-item" @click="onTabChange('person')" :class="{ focus: tab === 'person' }">个人</div>
       <div class="promoter-card-tab-item" @click="onTabChange('company')" :class="{ focus: tab === 'company' }">企业</div>
     </div>
     <div class="promoter-card-hd" @click="emits('blance', tab)"
       v-if="applyRecord.distributorFlag === 'Y' || applyRecord.accessCheckStatus === 'Y'">
-      <div class="promoter-card-hd-num">{{ formatAmount(promoter.balance || 0) }}</div>
       <div class="promoter-card-hd-info">可提现余额(元)</div>
-      <img class="arrow-img" src="https://cdn.ddjf.com/static/images/appkit/arrow.png" alt="">
+      <div class="promoter-card-hd-num number">{{ formatAmount(promoter.balance || 0) }}
+        <img class="arrow-img" style="margin-left: 12px;" src="https://cdn.ddjf.com/static/images/appkit/arrow.png"
+          alt="">
+      </div>
     </div>
     <div class="promoter-card-ft">
-      <div class="promoter-card-ft-item" v-if="applyRecord.accessCheckStatus === 'Y'" @click="emits('profits', tab)">
-        <div class="promoter-card-ft-info">销售累计收益(元)</div>
-        <div class="promoter-card-ft-num">
+      <div class="promoter-card-ft-item" v-if="applyRecord.accessCheckStatus === 'Y'">
+        <div class="promoter-card-ft-info">销售累计收益(元)
+          <IconFont class="icon" name="ask" @click="onHelpClick('profits')" />
+        </div>
+        <div class="promoter-card-ft-num number" @click="emits('profits', tab)">
           {{ formatAmount(promoter.totalIncome || 0) }}
           <img class="arrow-img" src="https://cdn.ddjf.com/static/images/appkit/arrow.png" alt="">
         </div>
       </div>
       <div class="promoter-card-ft-line"
-        v-if="applyRecord.accessCheckStatus === 'Y' && applyRecord.distributorFlag === 'Y'"></div>
-      <div class="promoter-card-ft-item" @click="emits('rebate', tab)" v-if="applyRecord.distributorFlag === 'Y'">
-        <div class="promoter-card-ft-info">返佣累计收益(元)</div>
-        <div class="promoter-card-ft-num">
+        v-if="applyRecord.accessCheckStatus === 'Y' && applyRecord.distributorFlag === 'Y'">
+      </div>
+      <div class="promoter-card-ft-item" v-if="applyRecord.distributorFlag === 'Y'">
+        <div class="promoter-card-ft-info">返佣累计收益(元)
+          <IconFont class="icon" name="ask" @click="onHelpClick('rebate')" />
+        </div>
+        <div class="promoter-card-ft-num number" @click="emits('rebate', tab)">
           {{ formatAmount(promoter.totalRebateIncome || 0) }}
           <img class="arrow-img" src="https://cdn.ddjf.com/static/images/appkit/arrow.png" alt="">
         </div>
@@ -35,8 +45,9 @@
 import { ref, watch } from 'vue'
 import { endpoints, useHttp } from '../api'
 import { Promoter } from '../types'
-import { useDidShow } from '@tarojs/taro'
+import Taro, { useDidShow } from '@tarojs/taro'
 import { useAmount } from '../../shared/composables/useAmount'
+import { IconFont } from '@nutui/icons-vue-taro'
 
 type PromoterCardProps = {
   useCase: string
@@ -53,7 +64,7 @@ const { formatAmount } = useAmount()
 const tab = ref('person')
 
 const promoter = ref<Promoter>({
-  total: 0,
+  balance: 0,
   totalIncome: 0,
   totalRebateIncome: 0,
 })
@@ -101,31 +112,61 @@ watch(() => props.applyRecord, () => {
 defineExpose({
   reload: loadPromoter,
 })
+
+const toastMap = {
+  profits: '推广北斗星报告获取，每笔报告销售收益= 客户查询价 - 我的成本价',
+  rebate: '推荐朋友使用北斗星、企明星获取，返佣收益= 返佣基数 * 返佣比例',
+}
+function onHelpClick(type: string) {
+  Taro.showToast({
+    title: toastMap[type],
+    icon: 'none',
+  })
+}
 </script>
 
 <style lang="scss">
 .promoter-card {
-  padding: 15px 20px;
-  background: linear-gradient(180deg, #FFEEDB 0%, #FEFEFC 100%);
+  position: relative;
+  padding: 20px;
+  background: #fff;
   box-sizing: border-box;
   margin: 0 auto;
   border-radius: 15px;
 
+  .icon {
+    font-size: 10px;
+    color: rgba(53, 53, 53, 0.3);
+  }
+
+  .arrow {
+    position: absolute;
+    left: 0;
+    top: 22px;
+    width: 9px;
+    height: 16px;
+  }
+
   &-hd {
     display: flex;
-    align-items: center;
+    flex-direction: column;
+    align-items: flex-start;
     color: #353535;
     margin-bottom: 12px;
 
     &-num {
-      font-size: 22px;
+      font-size: 26px;
       font-weight: bold;
-      margin-right: 8px;
+      margin-top: 8px;
+      display: flex;
+      align-items: center;
     }
 
     &-info {
       font-size: 14px;
     }
+
+
   }
 
   &-ft {
@@ -140,6 +181,8 @@ defineExpose({
       font-size: 12px;
       color: #434242;
       margin-bottom: 5px;
+      display: flex;
+      align-items: center;
     }
 
     &-num {
@@ -158,23 +201,28 @@ defineExpose({
   }
 
   &-tab {
-    margin-top: -3px;
-    margin-bottom: 15px;
+    position: absolute;
+    top: 10px;
+    right: 13px;
+    border-radius: 4px;
+    overflow: hidden;
 
     &-item {
       display: inline-flex;
       align-items: center;
-      background: #fff;
-      border-radius: 15px;
+      justify-content: center;
+      background: rgba(53, 53, 53, 0.1);
       height: 29px;
+      width: 90px;
+      box-sizing: border-box;
       padding: 0 10px;
-      font-size: 12px;
-      color: #6D4523;
-      margin-right: 12px;
+      font-size: 13px;
+      color: #353535;
 
       &.focus {
-        background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
-        color: #6D4523;
+        background: linear-gradient(90deg, #FFEBC1 0%, #FFF9ED 100%);
+        font-weight: bold;
+        border-radius: 4px;
       }
     }
   }

package/src/payment/components/RechargeView.vue

@@ -110,6 +110,7 @@ const onPayClick = () => {
   height: 100%;
   display: flex;
   flex-direction: column;
+  --nut-primary-color: #017fff;
 
   .flex-grow {
     flex-grow: 1;

package/src/payment/components/TradeView.vue

@@ -171,6 +171,7 @@ const onPayClick = () => {
   height: 100%;
   display: flex;
   flex-direction: column;
+  --nut-primary-color: #017fff;
 
   .flex-grow {
     flex-grow: 1;

package/src/user/components/UserEntry.vue

@@ -1,22 +1,9 @@
 <template>
   <div class="user-entry">
     <div class="user-entry-head">
-      <img
-        class="user-entry-head-img"
-        @click="toUser"
-        mode="aspectFit"
-        v-if="avatar"
-        :src="avatar"
-        alt=""
-      />
-      <img
-        class="user-entry-head-img"
-        mode="aspectFit"
-        @click="toUser1"
-        v-else
-        src="https://cdn.ddjf.com/static/images/wx-yunservice/account-head.png"
-        alt=""
-      />
+      <img class="user-entry-head-img" @click="toUser" mode="aspectFit" v-if="avatar" :src="avatar" alt="" />
+      <img class="user-entry-head-img" mode="aspectFit" @click="toUser1" v-else
+        src="https://cdn.ddjf.com/static/images/wx-yunservice/account-head.png" alt="" />
     </div>
     <div class="user-entry-bd">
       <div v-if="!mobile" class="user-entry-bd-bigtxt" @click="toLogin">
@@ -74,17 +61,19 @@ const emits = defineEmits(['jump', 'login'])
 .user-entry {
   position: absolute;
   left: 0;
-  top: 130px;
+  top: 125px;
   transform: translateY(-50%);
   display: flex;
   padding: 0 22px;
   align-items: center;
   width: 100%;
+
   &-head {
     position: relative;
     width: 62px;
     height: 62px;
     margin-right: 8px;
+
     &-img {
       width: 100%;
       height: 100%;
@@ -92,6 +81,7 @@ const emits = defineEmits(['jump', 'login'])
       border-radius: 50%;
       border: 1.5px solid #fff;
     }
+
     &-icon {
       position: absolute;
       width: 15px;
@@ -102,8 +92,10 @@ const emits = defineEmits(['jump', 'login'])
       background-size: cover;
     }
   }
+
   &-bd {
     color: #fff;
+
     &-bigtxt {
       display: flex;
       align-items: center;
@@ -111,10 +103,12 @@ const emits = defineEmits(['jump', 'login'])
       font-weight: 500;
       line-height: 28px;
       margin-left: 10px;
+
       &-icon {
         width: 20px;
       }
     }
+
     &-txt {
       font-size: 20px;
       font-weight: 500;
@@ -123,11 +117,13 @@ const emits = defineEmits(['jump', 'login'])
       display: flex;
       align-items: center;
     }
+
     &-smalltxt {
       margin-top: 0;
       font-size: 15px;
       line-height: 21px;
     }
+
     &-arrow {
       font-size: 12px;
       margin-left: 8px;