From 8691b3074d4edf3a9412eabe985b9a5dd02cb949 Mon Sep 17 00:00:00 2001
From: langz <1816023719@qq.com>
Date: Thu, 1 Jun 2023 18:03:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83=E6=8E=92?=
 =?UTF-8?q?=E7=89=88=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/userInfo/userInfo.vue | 152 ++++++++++++++++++++++++++++--------
 1 file changed, 118 insertions(+), 34 deletions(-)

diff --git a/pages/userInfo/userInfo.vue b/pages/userInfo/userInfo.vue
index 3f337e4..5ff5e6d 100644
--- a/pages/userInfo/userInfo.vue
+++ b/pages/userInfo/userInfo.vue
@@ -23,63 +23,93 @@
 		</view>
     <view class="menu-content">
       <view class="prominent-menu">
-        <view class="prominent-menu-item collect-menu" @click="toLinkAuth('/pages/userInfo/myCollection/myCollection')">
+      <!--  <view class="prominent-menu-item collect-menu" @click="toLinkAuth('/pages/userInfo/myCollection/myCollection')">
           <view class="prominent-menu-title">我的收藏</view>
           <view class="prominent-menu-icon">
             <uni-icons custom-prefix="iconfont" type="icon-wodeshoucang" size="40" :color="primaryColor" />
           </view>
-        </view>
-		<view class="prominent-menu-item collect-menu" @click="toLinkAuth('/pages/userInfo/aiPaint/aiPaint')">
+        </view> -->
+		<!-- <view class="prominent-menu-item collect-menu" @click="toLinkAuth('/pages/userInfo/aiPaint/aiPaint')">
 		  <view class="prominent-menu-title">我的创作</view>
 		  <view class="prominent-menu-icon">
 		    <uni-icons custom-prefix="iconfont" type="icon-chuangzuozhongxin" size="40" :color="primaryColor" />
 		  </view>
+		</view> -->
+		<view class="prominent-menu-item collect-menu" @click="toLink('/pages/userInfo/vip/vip')">
+		  <view class="prominent-menu-icon">
+		    <uni-icons  class="list-menu-icon"  type="vip" size="50" :color="primaryColor" />
+		  </view>
+		  <view class="prominent-menu-title">会员中心</view>
+		  <view class="vip-center-button">
+		  	查看
+		  </view>
 		</view>
       </view>
       <view class="list-menu">
-        <view class="list-menu-item" @click="toLink('/pages/userInfo/vip/vip')">
-          <uni-icons class="list-menu-icon"  type="vip" size="20" :color="primaryColor" />
+		  <view class="list-menu-title">
+		  	常用功能
+		  </view>
+       <!-- <view class="list-menu-item" @click="toLink('/pages/userInfo/vip/vip')">
+          <uni-icons class="list-menu-icon"  type="vip" size="40" :color="primaryColor" />
           <view class="text">会员中心</view>
           <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
-        </view>
+        </view> -->
+		<view class="list-menu-item" @click="toLinkAuth('/pages/userInfo/myCollection/myCollection')">
+		  <uni-icons class="list-menu-icon"  custom-prefix="iconfont" type="icon-wodeshoucang" size="35" :color="primaryColor" />
+		  <view class="text">我的收藏</view>
+		  <!-- <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons> -->
+		</view>
+		<view class="list-menu-item" @click="toLinkAuth('/pages/userInfo/aiPaint/aiPaint')">
+		  <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-chuangzuozhongxin" size="35" :color="primaryColor" />
+		  <view class="text">我的创作</view>
+		  <!-- <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons> -->
+		</view>
 		<view class="list-menu-item" @click="toLink('/pages/userInfo/goldNum/goldNum')">
-		  <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-biaoqing" size="20" :color="primaryColor" />
+		  <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-biaoqing" size="35" :color="primaryColor" />
 		  <view class="text">领取画意值</view>
-		  <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
+		  <!-- <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons> -->
 		</view>
         <view class="list-menu-item" @click="$noMultipleClicks(useCdk)">
-          <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-xunhuanjiagongcishu" size="20" :color="primaryColor" />
+          <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-xunhuanjiagongcishu" size="35" :color="primaryColor" />
           <view class="text">兑换画意值</view>
-          <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
+          <!-- <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons> -->
         </view>
-		<view class="list-menu-item" @click="toLink('/pages/userInfo/goldNum/goldNumLog')">
-		  <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-huabi1" size="20" :color="primaryColor" />
+	<!-- 	<view class="list-menu-item" @click="toLink('/pages/userInfo/goldNum/goldNumLog')">
+		  <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-huabi1" size="40" :color="primaryColor" />
 		  <view class="text">画意值记录</view>
 		  <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
-		</view>
+		</view> -->
       </view>
 
       <view class="list-menu">
+		  <view class="list-menu-title">
+		  	其他功能
+		  </view>
+		  	<view class="list-menu-item" @click="toLink('/pages/userInfo/goldNum/goldNumLog')">
+		  	  <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-huabi1" size="35" :color="primaryColor" />
+		  	  <view class="text">画意值记录</view>
+		  	  <!-- <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons> -->
+		  	</view>
         <view class="list-menu-item" @click="toLink(`/pages/userInfo/question/question`)">
-          <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-wenti-" size="20" :color="primaryColor"></uni-icons>
+          <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-wenti-" size="35" :color="primaryColor"></uni-icons>
           <view class="text">常见问题</view>
-          <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
+          <!-- <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons> -->
         </view>
         <view class="list-menu-item" @click="$noMultipleClicks(linkToUs)">
-          <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-zhifeiji" size="20" :color="primaryColor" />
+          <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-zhifeiji" size="35" :color="primaryColor" />
           <view class="text">联系我们</view>
-          <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
+          <!-- <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons> -->
         </view>
         <view class="list-menu-item" @click="toLink(`/pages/userInfo/setting/setting`)">
-          <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-chilun" size="20" :color="primaryColor"></uni-icons>
+          <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-chilun" size="35" :color="primaryColor"></uni-icons>
           <view class="text">设置</view>
-          <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
+          <!-- <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons> -->
         </view>
       </view>
 
       <view class="share-box">
         <button title="分享" open-type="share">
-          <view class="list-menu-item">
+          <view class="list-menu-item-share">
             <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-fenxiang1" size="20" :color="primaryColor" />
             <view class="text">分享</view>
             <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
@@ -353,7 +383,9 @@ import UniIcons from "../../uni_modules/uni-icons/components/uni-icons/uni-icons
 		.my-message {
       width: 100vw;
       height: calc(20vh + 20rpx);
-      background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);
+      // background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);
+	  background-image: linear-gradient(-225deg, #FFFEFF 0%, #ffe6ff 100%);
+	  // background-color: #fff2fd;
       position: relative;
 
       .dim-div {
@@ -437,7 +469,7 @@ import UniIcons from "../../uni_modules/uni-icons/components/uni-icons/uni-icons
       box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
 
       .prominent-menu {
-        height: 120rpx;
+        height: 140rpx;
         width: 100%;
         display: flex;
         justify-content: space-between;
@@ -445,21 +477,33 @@ import UniIcons from "../../uni_modules/uni-icons/components/uni-icons/uni-icons
         .prominent-menu-item {
           display: flex;
           align-items: center;
-          justify-content: space-between;
+          // justify-content: space-between;
 		  //此处等右边有新模块的时候再采用下面的width
-          width: calc(50% - 10rpx);
-		  //width: 100%;
+          // width: calc(50% - 10rpx);
+		  width: 100%;
           height: 100%;
           border-radius: 10rpx;
-          background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
+          // background-image: linear-gradient(-225deg, #aaffff 0%, #c58bff 100%);
+		  background-image: linear-gradient(-225deg, #c58bff 0%, #aaffff 100%);
           padding: 20rpx 10rpx 20rpx 30rpx;
           box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
 
           .prominent-menu-title {
-            font-size: 26rpx;
+			margin-left: 20rpx;
+            font-size: 30rpx;
             font-weight: 600;
             text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.25);
           }
+		  .vip-center-button {
+			  position: absolute;
+			  right: 40rpx;
+			  box-sizing: border-box;
+			  padding: 5px 10px;
+			  background-color: #FFFEFF;
+			  border-radius: 40rpx;
+			  font-size: 22rpx;
+			  color: #3a3a3a;
+		  }
 
           .prominent-menu-icon {
 
@@ -470,12 +514,22 @@ import UniIcons from "../../uni_modules/uni-icons/components/uni-icons/uni-icons
       }
 
       .list-menu {
+		  position: relative;
+		  display: flex;
+		  flex-wrap: wrap;
+		  // height: 160rpx;
         margin-top: 20rpx;
-        padding: 0 20rpx;
+        padding: 90rpx 20rpx 20rpx 20rpx;
         background-color: $uni-white;
         border-radius: 10rpx;
         box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
-
+		.list-menu-title {
+			position: absolute;
+			font-size: 32rpx;
+			font-weight: bold;
+			left: 40rpx;
+			top: 20rpx;
+		}
 
       }
 
@@ -483,11 +537,13 @@ import UniIcons from "../../uni_modules/uni-icons/components/uni-icons/uni-icons
 
     .list-menu-item {
       display: flex;
+	  flex-direction: column;
       align-items: center;
       justify-content: space-between;
-      height: 80rpx;
-      line-height: 80rpx;
-      border-bottom: 2rpx solid $uni-border-2;
+	  width: 25%;
+      height: 120rpx;
+      // line-height: 80rpx;
+      // border-bottom: 2rpx solid $uni-border-2;
 
       .list-menu-icon{
         color: $uni-primary;
@@ -495,8 +551,8 @@ import UniIcons from "../../uni_modules/uni-icons/components/uni-icons/uni-icons
 
       .text {
         font-size: 26rpx;
-        line-height: 80rpx;
-        width: calc(100% - 100rpx);
+        // line-height: 80rpx;
+        // width: calc(100% - 100rpx);
       }
 
       .list-menu-genduo{
@@ -504,6 +560,34 @@ import UniIcons from "../../uni_modules/uni-icons/components/uni-icons/uni-icons
       }
 
     }
+	.list-menu-item-share {
+	  display: flex;
+	  // flex-direction: column;
+	  align-items: center;
+	  // justify-content: space-between;
+	  // width: 80%;
+	  height: 90rpx;
+	  line-height: 80rpx;
+	  // border-bottom: 2rpx solid $uni-border-2;
+	
+	  .list-menu-icon{
+	    color: $uni-primary;
+		margin-right: 10px;
+		margin-left: 10px;
+	  }
+	
+	  .text {
+	    font-size: 26rpx;
+	    // line-height: 80rpx;
+	    // width: calc(100% - 100rpx);
+	  }
+	
+	  .list-menu-genduo{
+		position: absolute;
+		right: 30rpx;
+	  }
+	
+	}
 
     .list-menu-item:first-child {
     }