快捷方式组件新增联系方式功能

hookehuyr
Commit edb937953795b83ef4b4276f9b11bc53ec05e4dd edb93795 1 parent efe2efd6
Showing 4 changed files with 49 additions and 14 deletions
components.d.ts
src/assets/images/icon-contact.png
src/components/ShortcutFixed/index.vue
src/utils/generateIcons.js
--- a/components.d.ts
View file @edb9379
+++ b/components.d.ts
View file @edb9379
@@ -7,6 +7,7 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    '图形验证码': typeof import('./src/components/图形验证码.vue')['default']
     Agreement: typeof import('./src/components/DonateFlower/agreement.vue')['default']
     AuditVideoCard: typeof import('./src/components/AuditVideoCard/index.vue')['default']
     Banner: typeof import('./src/components/MuiVideo/banner.vue')['default']
@@ -35,35 +36,27 @@ declare module 'vue' {
     Template: typeof import('./src/components/template/index.vue')['default']
     Test: typeof import('./src/components/LoginBox/test.vue')['default']
     VanActionSheet: typeof import('vant/es')['ActionSheet']
-    VanButton: typeof import('vant/es')['Button']
     VanCellGroup: typeof import('vant/es')['CellGroup']
     VanCheckbox: typeof import('vant/es')['Checkbox']
     VanCol: typeof import('vant/es')['Col']
-    VanConfigProvider: typeof import('vant/es')['ConfigProvider']
-    VanDialog: typeof import('vant/es')['Dialog']
     VanEmpty: typeof import('vant/es')['Empty']
     VanField: typeof import('vant/es')['Field']
-    VanForm: typeof import('vant/es')['Form']
     VanIcon: typeof import('vant/es')['Icon']
     VanImage: typeof import('vant/es')['Image']
     VanList: typeof import('vant/es')['List']
     VanLoading: typeof import('vant/es')['Loading']
-    VanNumberKeyboard: typeof import('vant/es')['NumberKeyboard']
     VanOverlay: typeof import('vant/es')['Overlay']
     VanPicker: typeof import('vant/es')['Picker']
+    VanPopover: typeof import('vant/es')['Popover']
     VanPopup: typeof import('vant/es')['Popup']
     VanRow: typeof import('vant/es')['Row']
     VanStepper: typeof import('vant/es')['Stepper']
     VanSticky: typeof import('vant/es')['Sticky']
-    VanSwipe: typeof import('vant/es')['Swipe']
-    VanSwipeItem: typeof import('vant/es')['SwipeItem']
     VanTab: typeof import('vant/es')['Tab']
     VanTabs: typeof import('vant/es')['Tabs']
     VanTag: typeof import('vant/es')['Tag']
-    VanUploader: typeof import('vant/es')['Uploader']
     VideoBar: typeof import('./src/components/MuiVideo/videoBar.vue')['default']
     VideoCard: typeof import('./src/components/VideoCard/index.vue')['default']
     VideoDetail: typeof import('./src/components/VideoDetail/index.vue')['default']
-    '图形验证码': typeof import('./src/components/图形验证码.vue')['default']
   }
 }
--- a/src/assets/images/icon-contact.png 0 → 100644
View file @edb9379
+++ b/src/assets/images/icon-contact.png 0 → 100644
View file @edb9379
--- a/src/components/ShortcutFixed/index.vue
View file @edb9379
+++ b/src/components/ShortcutFixed/index.vue
View file @edb9379
 <!--
  * @Date: 2022-05-11 11:19:14
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-24 13:19:43
+ * @LastEditTime: 2024-11-13 15:39:03
  * @FilePath: /tswj/src/components/ShortcutFixed/index.vue
  * @Description: 文件描述
 -->
@@ -10,12 +10,39 @@
     <van-image v-if="isHome" class="icon-box" :src="icon_home" @click="toHome" />
     <van-image v-if="isMe" class="icon-box" :src="icon_me" @click="toMe" />
     <van-image v-if="isRank" class="icon-box" :src="icon_rank" @click="toRank" />
+    <van-popover v-model:show="showPopover" placement="left">
+      <div class="contact-content">
+        <div class="text-tel">固话联系</div>
+        <div>
+          <a style="color: #C2915F;"
+            :href="`tel:${tel}`"
+          >
+            {{ tel }}
+          </a>
+        </div>
+      </div>
+      <div class="contact-content" style="padding-top: 0;">
+        <div class="text-tel">邮箱联系</div>
+        <div>
+          <a style="color: #C2915F;"
+            :href="`mailto:${mail}`"
+          >
+            {{ mail }}
+          </a>
+        </div>
+      </div>
+      <template #reference>
+        <div class="wrapper">
+          <van-image class="icon-box" :src="icon_contact" />
+        </div>
+      </template>
+    </van-popover>
   </div>
 </template>
 <script setup>
 import Cookies from 'js-cookie'
-import { icon_me, icon_home, icon_rank } from '@/utils/generateIcons.js'
+import { icon_me, icon_home, icon_rank, icon_contact } from '@/utils/generateIcons.js'
 </script>
 <script>
@@ -24,7 +51,10 @@ export default {
   props: ['type', 'item', 'customStyle'],
   data() {
     return {
-      userType: Cookies.get('userType') ? Cookies.get('userType') : ''
+      userType: Cookies.get('userType') ? Cookies.get('userType') : '',
+      showPopover: false,
+      tel: '021-61517073',
+      mail: 'cxwa@allforlove.org.cn'
     }
   },
   computed: {
@@ -86,7 +116,7 @@ export default {
           kg_id: this.$route.query.kg_id
         }
       });
-    }
+    },
   }
 }
 </script>
@@ -105,4 +135,14 @@ export default {
   height: 3rem;
   margin-bottom: 0.5rem;
 }
+
+.contact-content {
+  padding: 1rem 0.85rem;
+  text-align: center;
+  .text-tel {
+    color: gray;
+    font-size: 0.9rem;
+    margin-bottom: 0.5rem;
+  }
+}
 </style>
--- a/src/utils/generateIcons.js
View file @edb9379
+++ b/src/utils/generateIcons.js
View file @edb9379
@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-17 11:34:35
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-20 16:31:28
+ * @LastEditTime: 2024-11-13 15:32:45
  * @FilePath: /tswj/src/utils/generateIcons.js
  * @Description: 图标集合
  */
@@ -22,6 +22,7 @@ import icon_liuyan from '@images/icon-liuyan@2x.png'
 import icon_book from '@images/shu@2x.png'
 import icon_me from '@images/icon-my@2x.png'
 import icon_home from '@images/icon-home@2x.png'
+import icon_contact from '@images/icon-contact.png'
 import icon_rank from '@images/icon-paihang@2x.png'
 import icon_ranking1 from '@images/1@2x.png'
 import icon_ranking2 from '@images/2@2x.png'
@@ -48,6 +49,7 @@ export {
   icon_book,
   icon_me,
   icon_home,
+  icon_contact,
   icon_rank,
   icon_ranking1,
   icon_ranking2,