.

.eslintrc.cjs

@@ -13,7 +13,8 @@ module.exports = {
     },
     globals: {
         wx: true,
-        process: true
+        process: true,
+        tidioChatApi: true
     },
     ignorePatterns: ['index.html']
 }

index.html

@@ -22,6 +22,7 @@
     <div id="app"></div>
     <script type="module" src="/src/main.js"></script>
     <script src="https://assets.salesmartly.com/js/project_9355_9754_1670553307.js"></script>
+    <!-- <script src="//code.tidio.co/kguf93rbmc3c9icmkbgbh3akvjznunfo.js" async></script> -->
     <!-- <script src="./jquery-3.6.1.min.js"></script>
     <script>
         $("#s-chat-plugin").ready(function () {

src/App.vue

@@ -26,3 +26,28 @@ onMounted(() => {
     useSystemStore().getSysConfigs()
 })
 </script>
+<style lang="less" scoped>
+.consult {
+    width: 50px;
+    height: 50px;
+    border-radius: 25px;
+    display: inherit;
+    -webkit-box-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    justify-content: center;
+    pointer-events: initial;
+    background-size: 130% 130%;
+    transition: all 0.2s ease-in-out 0s;
+    position: relative;
+    color: white;
+    background: linear-gradient(135deg, rgb(64, 29, 186), rgb(130, 91, 240));
+    box-shadow: rgb(64 29 186 / 50%) 0px 4px 24px;
+    position: fixed;
+    right: 16px;
+    bottom: 56px;
+    ion-icon {
+        font-size: 24px;
+    }
+}
+</style>

src/styles/main.less

@@ -89,3 +89,6 @@ ion-modal.dialog {
     padding: 0 4px;
     background: fade(#9f8dff, 20);
 }
+#tidio-chat-iframe, #s-chat-plugin{
+    bottom: calc(env(safe-area-inset-bottom, 0px) + 50px) !important;
+}

src/views/BalanceRecordPage.vue

@@ -12,13 +12,13 @@
             <ion-refresher slot="fixed" @ionRefresh="refresh">
                 <ion-refresher-content></ion-refresher-content>
             </ion-refresher>
-            <ion-item class="header" sticky>
+            <ion-item-divider class="header" sticky>
                 <div class="date" @click="showPicker = true">
                     {{ yearMonth }}
                     <ion-icon :icon="caretDownOutline"></ion-icon>
                 </div>
                 <div class="total">{{ $t('balance.totalWithdraw') }}{{ $t('balance.symbol') }}{{ totalWithDraw }}</div>
-            </ion-item>
+            </ion-item-divider>
             <van-list v-model="loading" :finished="finished" :finished-text="$t('common.loadFinish')" @load="loadmore">
                 <ion-item class="record-item" v-for="item in records" :key="item.id" :class="item.remark.split('.')">
                     <ion-icon :src="balanceIcon"></ion-icon>
@@ -34,7 +34,7 @@
                 <van-empty v-if="finished && records.length === 0"></van-empty>
             </van-list>
         </ion-content>
-        <ion-modal id="picker" :is-open="showPicker" @didDismiss="showPicker = false">
+        <ion-modal id="picker" class="dialog" :is-open="showPicker" @didDismiss="showPicker = false">
             <ion-datetime
                 v-model="date"
                 presentation="month-year"
@@ -118,6 +118,9 @@ export default {
 <style lang="less" scoped>
 .header {
     --border-style: none;
+    --padding-top: 12px;
+    --padding-bottom: 12px;
+    --background: var(--ion-background-color);
     .date {
         width: 104px;
         height: 32px;
@@ -138,6 +141,11 @@ export default {
         padding-right: 6px;
     }
 }
+.dark .header {
+    .date {
+        background: var(--ion-color-step-50);
+    }
+}
 .record-item {
     --background: var(--ion-color-step-0);
     --border-color: var(--ion-color-step-100);

src/views/TabsPage.vue

@@ -35,6 +35,7 @@ import tabIconRank from '../assets/tabbar_icon_rank.svg'
 import tabIconRankPre from '@/assets/tabbar_icon_rank_pre.svg'
 import tabIconMine from '@/assets/tabbar_icon_mine.svg'
 import tabIconMinePre from '@/assets/tabbar_icon_mine_pre.svg'
+
 export default defineComponent({
     name: 'TabsPage',
     setup() {