feat: tooltip

components/cwg-payment.vue

@@ -17,7 +17,7 @@
         <view class="right-drawer custom-payment-drawer" v-if="mode === 'customer'">
           <view class="drawer-header">
             <text class="drawer-title">{{t('vu.item21')}}</text>
-            <switch :checked="!isShow" @change="toggleShow" color="#6c8595" style="transform:scale(0.7)" />
+            <switch class="cursor-pointer" :data-tooltip="!isShow?t('vu.tooltip.t12'):t('vu.tooltip.t11')" :checked="!isShow" @change="toggleShow" color="#6c8595" style="transform:scale(0.7)" />
           </view>
           <view class="drawer-content">
             <view class="balance-amount">{{ formattedBalance }} USD</view>
@@ -28,14 +28,14 @@
 
           </view>
           <view class="drawer-actions">
-            <button class="action-btn btn btn-outline-danger waves-effect waves-light cursor-pointer cursor-pointer1" :data-tooltip="t('wallet.item6')" data-placement="top" @click.stop="goPages(1)" v-t="'wallet.item6'"></button>
-            <button class="action-btn btn btn-outline-danger waves-effect waves-light cursor-pointer cursor-pointer1" :data-tooltip="t('wallet.item7')" data-placement="top" @click.stop="goPages(2)" v-t="'wallet.item7'"></button>
+            <button class="action-btn btn btn-outline-danger waves-effect waves-light " :data-tooltip="t('wallet.item6')" data-placement="top" @click.stop="goPages(1)" v-t="'wallet.item6'"></button>
+            <button class="action-btn btn btn-outline-danger waves-effect waves-light " :data-tooltip="t('wallet.item7')" data-placement="top" @click.stop="goPages(2)" v-t="'wallet.item7'"></button>
           </view>
         </view>
         <view class="right-drawer custom-payment-drawer" v-if="mode === 'ib'">
           <view class="drawer-header">
             <text class="drawer-title">{{t('vu.item21')}}</text>
-            <switch :checked="!isShow" @change="toggleShow" color="#6c8595" style="transform:scale(0.7)" />
+            <switch class="cursor-pointer" :data-tooltip="!isShow?t('vu.tooltip.t12'):t('vu.tooltip.t11')" :checked="!isShow" @change="toggleShow" color="#6c8595" style="transform:scale(0.7)" />
           </view>
           <view class="drawer-content">
             <view class="balance-amount">{{ ibBalance }} USD</view>
@@ -46,22 +46,22 @@
 
           </view>
           <view class="drawer-actions">
-            <button class="action-btn btn btn-outline-danger waves-effect waves-light cursor-pointer cursor-pointer1" :data-tooltip="t('Custom.Index.Withdrawals')" data-placement="top" @click.stop="goIbPages(1)" v-t="'Custom.Index.Withdrawals'"></button>
-            <button class="action-btn btn btn-outline-danger waves-effect waves-light cursor-pointer cursor-pointer1" :data-tooltip="t('Home.page_ib.item4')" data-placement="top" @click.stop="goIbPages(2)" v-t="'Home.page_ib.item4'"></button>
-            <button class="action-btn btn btn-outline-danger waves-effect waves-light cursor-pointer cursor-pointer1" data-placement="top" :data-tooltip="t('Ib.Transfer.CommissionIssue')" @click.stop="goIbPages(3)" v-t="'Ib.Transfer.CommissionIssue'"></button>
+            <button class="action-btn btn btn-outline-danger waves-effect waves-light "  @click.stop="goIbPages(1)" v-t="'Custom.Index.Withdrawals'"></button>
+            <button class="action-btn btn btn-outline-danger waves-effect waves-light" :data-tooltip="t('Home.page_ib.item4')" data-placement="top" @click.stop="goIbPages(2)" v-t="'Home.page_ib.item4'"></button>
+            <button class="action-btn btn btn-outline-danger waves-effect waves-light " data-placement="top" :data-tooltip="t('Ib.Transfer.CommissionIssue')" @click.stop="goIbPages(3)" v-t="'Ib.Transfer.CommissionIssue'"></button>
           </view>
         </view>
         <view class="right-drawer custom-payment-drawer" v-if="mode === 'follow'">
           <view class="drawer-header">
             <text class="drawer-title">{{t('vu.item21')}}</text>
-            <switch :checked="!isShow" @change="toggleShow" color="#6c8595" style="transform:scale(0.7)" />
+            <switch class="cursor-pointer" :data-tooltip="!isShow?t('vu.tooltip.t12'):t('vu.tooltip.t11')" :checked="!isShow" @change="toggleShow" color="#6c8595" style="transform:scale(0.7)" />
           </view>
           <view class="drawer-content">
             <view class="balance-amount">{{ t('Documentary.console.item15') }}{{ followBalance }} USD</view>
 
           </view>
           <view class="drawer-actions">
-            <button class="action-btn btn btn-outline-danger waves-effect waves-light cursor-pointer cursor-pointer1" :data-tooltip="t('Documentary.console.item17')" @click.stop="goFollowPages(1)" v-t="'Documentary.console.item17'"></button>
+            <button class="action-btn btn btn-outline-danger waves-effect waves-light " :data-tooltip="t('Documentary.console.item17')" @click.stop="goFollowPages(1)" v-t="'Documentary.console.item17'"></button>
           </view>
         </view>
       </template>

locale/cn.json

@@ -78,7 +78,9 @@
       "t7": "刷新",
       "t8": "点击下载",
       "t9": "支付方式",
-      "t10": "添加"
+      "t10": "添加",
+      "t11": "隐藏",
+      "t12": "显示"
 
     }
   },

pages/customer/components/AccountCard.vue

@@ -38,10 +38,10 @@
             </view>
             <view class="card-body p-3 pt-0">
                 <view class="text-left mb-3">
-                    <h5 class="fw-bold mb-3  cursor-pointer" :data-tooltip="t('vu.tooltip.t2')" data-placement="top"
+                    <h5 class="fw-bold mb-3  cursor-pointer" :data-tooltip="`${t('vu.tooltip.t2')}-${account.accountNumber}`" data-placement="top"
                         @click="copy(account.accountNumber)"># {{
                             account.accountNumber }}</h5>
-                    <h4 class="mb-2 cursor-pointer" :data-tooltip="t('vu.tooltip.t2')" :data-placement="top"
+                    <h4 class="mb-2 cursor-pointer" :data-tooltip="`${t('vu.tooltip.t2')}-${account.fwq}`" :data-placement="top"
                         @click="copy(account.fwq)">{{ account.fwq }}</h4>
                     <template v-for="(label, index) in account.labels" :key="index">
                         <text v-if="label" class="badge text-danger1 bg-danger-subtle mx-1 mb-1">{{ label }}</text>

pages/ib/index.vue

@@ -54,7 +54,7 @@
 <!--            </view>-->
 <!--          </view>-->
           <uni-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8">
-          <view class="card position-relative stat-card-clickable" @click="toCustomManagement">
+          <view class="card position-relative stat-card-clickable cursor-pointer" @click="toCustomManagement" :data-tooltip="t('vu.tooltip.t4',{pageName:t('Home.page_ib.item2')})" data-placement="top">
             <view class="card-body d-flex gap-3 align-items-center">
               <view class="clearfix pe-2 text-warning">
                 <cwg-icon name="crm-user" :size="50" color="#FDBB1F" />
@@ -67,7 +67,7 @@
           </view>
           </uni-col>
           <uni-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8">
-          <view class="card position-relative stat-card-clickable" @click="toIbManagement">
+          <view class="card position-relative stat-card-clickable cursor-pointer" @click="toIbManagement" :data-tooltip="t('vu.tooltip.t4',{pageName:t('Ib.Custom.Manage2')})" data-placement="top">
             <view class="card-body d-flex gap-3 align-items-center">
               <view class="clearfix pe-2 text-warning">
                 <cwg-icon name="crm-ib" :size="50" color="#FDBB1F" />

pages/login/index.vue

@@ -102,7 +102,7 @@
                   <text>{{ t('signin.forget') }}</text>
                 </navigator>
               </view>
-              <view class="cwg-button cursor-pointer" :data-tooltip="t('signin.login')" data-placement="top">
+              <view class="cwg-button ">
                 <button type="primary" class="" @click="submit" >
                   {{ t('signin.login') }}
                 </button>
@@ -221,7 +221,7 @@
                   </uni-forms-item>
                 </uni-forms>
               </view>
-              <view class="cursor-pointer" :data-tooltip="t('signup.button')" data-placement="top">
+              <view >
                 <button class="regiset-btn" @click="register">
                   {{ t('signup.button') }}
                 </button>

pages/login/reset.vue

@@ -24,10 +24,10 @@
               <uni-easyinput v-model="email" :placeholder="t('newSignup.item7')" class="custom-input">
               </uni-easyinput>
 
-              <view class="reset-button cursor-pointer" :data-tooltip="t('forget.forget')" data-placement="top">
+              <view class="reset-button" >
                 <button class="btn btn-danger" @click="handleReset">{{ t('forget.forget') }}</button>
               </view>
-              <view class="login-link cursor-pointer" :data-tooltip="t('forget.cancel')" data-placement="top">
+              <view class="login-link" >
                 <button @click="handleLogin" class="link-text">{{ t('forget.cancel') }}</button>
               </view>
             </view>