From ccdc820a59c6228da62c2682ce7ed48ac1959bc1 Mon Sep 17 00:00:00 2001
From: Penny <2500338766@qq.com>
Date: Mon, 27 Mar 2023 01:08:12 +0800
Subject: [PATCH] feature:fixbug

---
 pages/creator/creator.vue              |  5 +--
 pages/creator/imgDetail.vue            |  7 ++--
 pages/index/indexProto.vue             |  3 +-
 pages/userInfo/contactUs/contactUs.vue | 13 +++++--
 pages/userInfo/userInfo.vue            | 47 +++++++++++++++++++-------
 utils/common.js                        | 24 +++++++++++++
 6 files changed, 78 insertions(+), 21 deletions(-)
 create mode 100644 utils/common.js

diff --git a/pages/creator/creator.vue b/pages/creator/creator.vue
index decff01..939ca62 100644
--- a/pages/creator/creator.vue
+++ b/pages/creator/creator.vue
@@ -4,13 +4,13 @@
 			<swiper class="swiper-box" :autoplay="autoplay" :interval="interval" :duration="duration"
 				:indicator-dots="indicatorDots">
 				<swiper-item v-for="(item, index) in banner" :key="index">
-					<image class="img" @click="linkTo(item)" :src="item.bannerImg" mode="aspectFill"></image>
+					<image class="img" @click="$noMultipleClicks(linkTo,item)" :src="item.bannerImg" mode="aspectFill"></image>
 				</swiper-item>
 			</swiper>
 		</view>
 
 		<view class="list">
-			<view v-for="(item, index) in creatorImgList" :key="index" class="list-item" @click="toCreatorDetail(item)">
+			<view v-for="(item, index) in creatorImgList" :key="index" class="list-item" @click="$noMultipleClicks(toCreatorDetail,item)">
 				<!-- 展示用户相关信息 -->
 				<view class="fb-d-r fb-j-sb fb-a-c list-top">
 					<view class="fb-d-r fb-a-c head-box">
@@ -77,6 +77,7 @@
 				creatorInfo: {},
         loadStatus:'noMore',  //加载样式：more - 加载前样式，loading - 加载中样式，noMore - 没有数据样式
         isLoadMore:false,  //是否加载中
+		noClick:true, //防止重复提交
 			}
 		},
 		onLoad() {
diff --git a/pages/creator/imgDetail.vue b/pages/creator/imgDetail.vue
index a72a6ec..d2fd5fb 100644
--- a/pages/creator/imgDetail.vue
+++ b/pages/creator/imgDetail.vue
@@ -8,17 +8,17 @@
         <uni-icons v-if="detailMsg.isHot ==='0'" class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-hot'" size="24"  ></uni-icons>
         <uni-icons v-else class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-hot'" size="24" :color="likeColor"></uni-icons>
       </view>
-      <view class="toolbar-box" @click="download(detailMsg.imgUrl)">
+      <view class="toolbar-box" @click="$noMultipleClicks(download,detailMsg.imgUrl)">
         <uni-icons v-if="isDownload" class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-xiazai'" size="24" ></uni-icons>
         <uni-icons v-else class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-xiazai'" size="24" ></uni-icons>
         <text>下载</text>
       </view>
-      <view class="toolbar-box" @click="likeCollect('isLike')">
+      <view class="toolbar-box" @click="$noMultipleClicks(likeCollect,'isLike')">
         <uni-icons v-if="isLike" class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-yixihuan'" size="24" :color="likeColor"></uni-icons>
         <uni-icons v-else class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-weixihuan'" size="24" ></uni-icons>
         <text>喜欢</text>
       </view>
-      <view class="toolbar-box" @click="likeCollect('isCollect')">
+      <view class="toolbar-box" @click="$noMultipleClicks(likeCollect,'isCollect')">
         <uni-icons v-if="isCollect" class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-yishoucang'" size="24" :color="collectColor"></uni-icons>
         <uni-icons v-else class="tool-bar-icon" custom-prefix="iconfont" :type="'icon-weishoucang'" size="24" ></uni-icons>
         <text>收藏</text>
@@ -57,6 +57,7 @@
 				isLike: false, // 是否点赞/喜欢
 				isCollect: false, // 是否收藏,
 				scanCode: undefined, //艺术家搜索码
+				noClick:true, //防止重复提交
         artist: {},
 				canDownload: false, //能否下载 false为能下载
         whiteColor: '#FFFFFF',
diff --git a/pages/index/indexProto.vue b/pages/index/indexProto.vue
index 6e5332e..54abcc0 100644
--- a/pages/index/indexProto.vue
+++ b/pages/index/indexProto.vue
@@ -20,7 +20,7 @@
       </view>
       <view class="user-list">
         <view class="user-list-box" v-for="(item,index) in hotCreatorList" :key='item.id'
-          @click="goCreatorDetail(item.scanCode)">
+          @click="$noMultipleClicks(goCreatorDetail,item.scanCode)">
           <image :src="item.img" mode=""></image>
           <text>{{item.scanCode}}</text>
         </view>
@@ -63,6 +63,7 @@
         loadStatus:'noMore',  //加载样式：more - 加载前样式，loading - 加载中样式，noMore - 没有数据样式
         isLoadMore:false,  //是否加载中
         creatorLoading: false,
+		noClick:true, //防止重复提交
         banner:[
           {
             bannerImg: "/static/uni.png"
diff --git a/pages/userInfo/contactUs/contactUs.vue b/pages/userInfo/contactUs/contactUs.vue
index a826762..eb46a7a 100644
--- a/pages/userInfo/contactUs/contactUs.vue
+++ b/pages/userInfo/contactUs/contactUs.vue
@@ -1,6 +1,6 @@
 <template>
-	<view>
-		<text>这是联系我们页面</text>
+	<view class="box">
+		<image class="img" src="" mode=""></image>
 	</view>
 </template>
 
@@ -18,5 +18,12 @@
 </script>
 
 <style>
-
+.box{
+	display: flex;
+	flex: 1;
+}
+.img{
+	width: 750rpx;
+	height: 1200rpx;
+}
 </style>
diff --git a/pages/userInfo/userInfo.vue b/pages/userInfo/userInfo.vue
index e47e25b..c4299cc 100644
--- a/pages/userInfo/userInfo.vue
+++ b/pages/userInfo/userInfo.vue
@@ -7,8 +7,8 @@
           <image :src="userInfo.img" mode=""></image>
         </view>
         <view class="right">
-          <view class="username" v-if="userInfo.username" @click="getUserInfoLogin">{{userInfo.username}}</view>
-          <view class="login-btn uni-primary" v-else @click="getUserInfoLogin">点击登录</view>
+          <view class="username" v-if="userInfo.username">{{userInfo.username}}</view>
+          <view class="login-btn uni-primary" v-else @click="$noMultipleClicks(getUserInfoLogin)">点击登录</view>
         </view>
       </view>
 		</view>
@@ -29,6 +29,14 @@
         </view>
       </view>
       <view class="share-box">
+		<button title="联系我们" @click="$noMultipleClicks(linkToUs)">
+		  <view class="list-menu-item">
+		    <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-zhifeiji" size="20" :color="primaryColor" />
+		    <view class="text">联系我们</view>
+		    <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
+		  </view>
+		</button>  
+		  
         <button title="分享" open-type="share">
           <view class="list-menu-item">
             <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-fenxiang1" size="20" :color="primaryColor" />
@@ -49,6 +57,7 @@ import UniIcons from "../../uni_modules/uni-icons/components/uni-icons/uni-icons
     data() {
 			return {
 				userInfo: {},
+				noClick:true, //防止重复提交
         primaryColor: "#1a94bc",
         menus: [
           {
@@ -56,11 +65,6 @@ import UniIcons from "../../uni_modules/uni-icons/components/uni-icons/uni-icons
             icon: "icon-wenti-",
             url: "/pages/userInfo/question/question"
           },
-          {
-            title: "联系我们",
-            icon: "icon-zhifeiji",
-            url: "/pages/userInfo/contactUs/contactUs"
-          },
           {
             title: "设置",
             icon: "icon-chilun",
@@ -69,9 +73,12 @@ import UniIcons from "../../uni_modules/uni-icons/components/uni-icons/uni-icons
         ]
 			}
 		},
-    onShow() {
-		this.userInfo = uni.getStorage('userInfo')
-    },
+  //   onReady() {
+		// //this.userInfo = uni.getStorageSync('userInfo')
+  //   },
+	onShow(){
+		this.userInfo = uni.getStorageSync('userInfo')
+	},
 		onShareAppMessage(res) {
 			if (res.from === 'button') { // 来自页面内分享按钮
 				// console.log(res)
@@ -98,7 +105,13 @@ import UniIcons from "../../uni_modules/uni-icons/components/uni-icons/uni-icons
             this.userInfo = res.data.data.userInfo;
             uni.setStorage({
               key: 'token',
-              data: res.data.data.access_token
+              data: res.data.data.access_token,
+			  success() {
+			  	uni.showToast({
+			  	  title: '登录成功!',
+			  	  icon: 'none'
+			  	})
+			  }
             })
           } else {
             uni.showToast({
@@ -202,7 +215,17 @@ import UniIcons from "../../uni_modules/uni-icons/components/uni-icons/uni-icons
             icon: 'none'
           })
         }
-      }
+      },
+	  
+	  //打开抖音关注页
+	  linkToUs(){
+		  uni.showToast({
+		    title: '敬请期待',
+		    icon: 'none'
+		  })
+		  //tt.openAwemeUserProfile(options);
+		  //console.log('options',options)
+	  }
 		}
 	}
 </script>
diff --git a/utils/common.js b/utils/common.js
new file mode 100644
index 0000000..4ba5cbc
--- /dev/null
+++ b/utils/common.js
@@ -0,0 +1,24 @@
+// 防止处理多次点击
+function noMultipleClicks(methods, info) {
+    // methods是需要点击后需要执行的函数， info是点击需要传的参数
+    let that = this;
+    if (that.noClick) {
+        // 第一次点击
+        that.noClick= false;
+        if(info && info !== '') {
+            // info是执行函数需要传的参数
+            methods(info);
+        } else {
+            methods();
+        }
+        setTimeout(()=> {
+            that.noClick= true;
+        }, 1000)
+    } else {
+        // 这里是重复点击的判断
+    }
+}
+//导出
+export default {
+    noMultipleClicks,//禁止多次点击
+}
\ No newline at end of file