更换图标icon

components/bountyItem.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="bounty">
     <view class="head">
-      <image class="image" src="/static/logo.png" mode="scaleToFill" />
+      <image class="image" src="/static/image/index/default_avatar.png" mode="scaleToFill" />
     </view>
     <view class="middle"></view>
 

components/messageItem.vue

@@ -6,7 +6,7 @@
           <view class="avatar" v-if="type === 'message'">
             <image
               class="w-88 h-88 radio-circle"
-              src="/static/logo.png"
+              src="/static/image/my/user_avatar_88.png"
               mode="scaleToFill"
             />
           </view>

pages/index/index.vue

@@ -4,22 +4,28 @@
       <view class="w h-88 mgt-88" @click="$navTo('/pages/index/search')">
         <view class="input_box flex ai_center jc_between">
           <view class="text-32 text-400 text-C0C0C0">任务标题、用户ID</view>
-          <image class="w-48 h-48" src="/static/logo.png" mode="scaleToFill" />
+          <image
+            class="w-48 h-48"
+            src="/static/image/index/search_icon.png"
+            mode="scaleToFill"
+          />
         </view>
       </view>
     </view>
 
     <view class="banner">
       <u-swiper
-        :list="list6"
+        :list="bannerList"
         @change="(e) => (currentNum = e.current)"
-        :autoplay="false"
-        indicatorStyle="right: 20px"
+        :autoplay="true"
+        :circular="true"
+        indicatorStyle="right: 30rpx"
       >
-        <view slot="indicator" class="indicator-num">
-          <text class="indicator-num__text"
-            >{{ currentNum + 1 }}/{{ list6.length }}</text
-          >
+        <view slot="indicator" class="indicator">
+          <view v-for="(item, index) in bannerList.length" :key="item">
+            <view v-if="currentNum === index" class="indicator_check"></view>
+            <view v-else class="indicator_no_check"></view>
+          </view>
         </view>
       </u-swiper>
     </view>
@@ -29,7 +35,11 @@
       @click="$navTo('/pages/index/notice')"
     >
       <view class="flex ai_center">
-        <image class="w-48 h-48" src="/static/logo.png" mode="scaleToFill" />
+        <image
+          class="w-48 h-48"
+          src="/static/image/index/affiche_icon.png"
+          mode="scaleToFill"
+        />
         <view class="mgl-24 text-32 text-500 text-070602">这是一条公告</view>
       </view>
       <view class="text-28 text-400 text-7E7E7E">2025.1.1</view>
@@ -52,7 +62,11 @@
       class="w h-224 pdx-32 text-white mgt-16"
       @click="$navTo('/pages/index/newcomerTasks')"
     >
-      <image class="w h radio-24" src="/static/logo.png" mode="scaleToFill" />
+      <image
+        class="w h radio-24"
+        src="/static/image/index/newbie_tasks.png"
+        mode="scaleToFill"
+      />
     </view>
 
     <view class="w flex1 pdx-32 mgt-16">
@@ -80,36 +94,36 @@ export default {
       title: "首页",
       menu: [
         {
-          icon: "/static/logo.png",
+          icon: "/static/image/index/new_hand_icon.png",
           name: "新手入门",
           pagePath: "/pages/index/gettingStarted",
         },
         {
-          icon: "/static/logo.png",
+          icon: "/static/image/index/hot_bounty_icon.png",
           name: "热门悬赏",
           pagePath: "/pages/index/popularBounty",
         },
         {
-          icon: "/static/logo.png",
+          icon: "/static/image/index/newest_bounty_icon.png",
           name: "最新悬赏",
           pagePath: "/pages/index/newestBounty",
         },
         {
-          icon: "/static/logo.png",
+          icon: "/static/image/index/quick_check_icon.png",
           name: "急速快审",
           pagePath: "/pages/index/quickCheck",
         },
         {
-          icon: "/static/logo.png",
+          icon: "/static/image/index/invite_earnmoney_icon.png",
           name: "邀请赚钱",
           pagePath: "/pages/index/inviteEarnMoney",
         },
       ],
       currentNum: 0,
-      list6: [
-        "https://uviewui.com/swiper/swiper2.png",
-        "https://uviewui.com/swiper/swiper3.png",
-        "https://uviewui.com/swiper/swiper1.png",
+      bannerList: [
+        "/static/image/index/newbie_tasks.png",
+        "/static/image/index/newbie_tasks.png",
+        "/static/image/index/newbie_tasks.png",
       ],
     };
   },
@@ -178,7 +192,7 @@ export default {
 }
 
 .indicator {
-  @include flex(row);
+  /*  @include flex(row);
   justify-content: center;
 
   &__dot {
@@ -192,20 +206,28 @@ export default {
     &--active {
       background-color: #ffffff;
     }
-  }
+  } */
 }
 
-.indicator-num {
-  padding: 2px 0;
-  background-color: rgba(0, 0, 0, 0.35);
-  border-radius: 100px;
-  width: 35px;
+.indicator {
   display: flex;
-  justify-content: center;
 
-  &__text {
-    color: #ffffff;
-    font-size: 12px;
+  .indicator_check {
+    width: 32rpx;
+    height: 8rpx;
+    flex-shrink: 0;
+    border-radius: 48rpx;
+    background: #fff;
+    margin: 0 2rpx;
+  }
+
+  .indicator_no_check {
+    width: 16rpx;
+    height: 8rpx;
+    flex-shrink: 0;
+    border-radius: 48rpx;
+    background: #ffffff80;
+    margin: 0 2rpx;
   }
 }
 </style>

pages/login/forget.vue

@@ -4,7 +4,11 @@
 			<image class="top_close" @click="$navBack()" src="/static/image/login/close_icon.png" mode="scaleToFill" />
 			<view class="top_text">
 				<view>忘记密码</view>
-				<view class="top_icon"></view>
+				<image
+					class="top_icon"
+					src="/static//image/login/dot_icon.png"
+					mode="scaleToFill"
+				/>
 			</view>
 		</view>
 
@@ -174,12 +178,8 @@ export default {
 	.top_icon {
 		margin-top: -10rpx;
 		margin-left: 8rpx;
-		width: 20rpx;
-		height: 20rpx;
-		flex-shrink: 0;
-		border-radius: 50%;
-		border: 6rpx solid #4caf50;
-		background-color: transparent;
+		width: 24rpx;
+		height: 24rpx;
 	}
 }
 

pages/login/index.vue

@@ -4,7 +4,11 @@
 			<image class="top_close" @click="$navTo('/pages/my/index','tabbar')" src="/static/image/login/close_icon.png" mode="scaleToFill" />
 			<view class="top_text">
 				<view>欢迎来到众酬帮</view>
-				<view class="top_icon"></view>
+				<image
+					class="top_icon"
+					src="/static//image/login/dot_icon.png"
+					mode="scaleToFill"
+				/>
 			</view>
 		</view>
 
@@ -39,7 +43,7 @@
 				<u-divider text="快捷登录"></u-divider>
 			</view>
 			<view class="w flex jc_center mgt-30">
-				<image class="w-80 h-80 " src="/static/logo.png" mode="scaleToFill" />
+				<image class="w-80 h-80 " src="/static/image/login/weinxin_icon.png" mode="scaleToFill" />
 			</view>
 
 			<view class="mgt-72 text-24 text-7E7E7E text-500">
@@ -185,12 +189,8 @@ export default {
 	.top_icon {
 		margin-top: -10rpx;
 		margin-left: 8rpx;
-		width: 20rpx;
-		height: 20rpx;
-		flex-shrink: 0;
-		border-radius: 50%;
-		border: 6rpx solid #4caf50;
-		background-color: transparent;
+		width: 24rpx;
+		height: 24rpx;
 	}
 }
 

pages/login/register.vue

@@ -4,7 +4,11 @@
 			<image class="top_close" @click="$navBack()" src="/static/image/login/close_icon.png" mode="scaleToFill" />
 			<view class="top_text">
 				<view>注册众酬帮</view>
-				<view class="top_icon"></view>
+				<image
+					class="top_icon"
+					src="/static//image/login/dot_icon.png"
+					mode="scaleToFill"
+				/>
 			</view>
 		</view>
 
@@ -191,12 +195,8 @@ export default {
 	.top_icon {
 		margin-top: -10rpx;
 		margin-left: 8rpx;
-		width: 20rpx;
-		height: 20rpx;
-		flex-shrink: 0;
-		border-radius: 50%;
-		border: 6rpx solid #4caf50;
-		background-color: transparent;
+		width: 24rpx;
+		height: 24rpx;
 	}
 }
 

pages/myMessage/chat.vue

@@ -5,7 +5,7 @@
         @click="$navBack()"
         class="w-48 h-48 abs_left"
         style="left: 32rpx"
-        src="/static/logo.png"
+         src="/static/image/common/left_arrow_icon.png"
         mode="scaleToFill"
       />
       <view class="text-36 text-500 text-070202">用户昵称123</view>
@@ -21,7 +21,7 @@
           <view class="ims_head">
             <image
               class="w-80 h-80 radio-circle"
-              src="/static/logo.png"
+              src="/static/image/my/my_default_avatar.png"
               mode="scaleToFill"
             />
           </view>
@@ -38,7 +38,7 @@
           <view class="ims_head">
             <image
               class="w-80 h-80 radio-circle"
-              src="/static/logo.png"
+              src="/static/image/my/user_avatar_80.png"
               mode="scaleToFill"
             />
           </view>
@@ -50,7 +50,7 @@
           <view class="ims_head">
             <image
               class="w-80 h-80 radio-circle"
-              src="/static/logo.png"
+              src="/static/image/my/my_default_avatar.png"
               mode="scaleToFill"
             />
           </view>
@@ -66,7 +66,7 @@
         <template slot="suffix">
           <image
             class="w-48 h-48 radio-circle"
-            src="/static/logo.png"
+            src="/static/image/my/emoji_icon.png"
             mode="scaleToFill"
           />
         </template>

pages/myMessage/index.vue

@@ -4,7 +4,7 @@
       <image
         @click="$navBack()"
         class="w-48 h-48"
-        src="/static/logo.png"
+        src="/static/image/common/left_arrow_icon.png"
         mode="scaleToFill"
       />
       <view class="text-36 text-500 text-070202">我的消息</view>

pages/personalProfile/index.vue

@@ -4,7 +4,7 @@
       <image
         @click="$navBack()"
         class="w-48 h-48 abs_left"
-        src="/static/logo.png"
+        src="/static/image/common/left_arrow_icon.png"
         mode="scaleToFill"
       />
       <view class="text-36 text-500 text-070202">个人资料</view>
@@ -12,25 +12,25 @@
 
     <view class="mgt-16 w">
       <view
-        class="w h-96 flex ai_center jc_between mgb-16 menu_border"
+        class="w h-96 flex ai_center jc_between mgb-16 border-bottom-F2F2F7"
         v-for="item in menu"
         :key="item.name"
       >
         <view class="text-28 text-400 text-303030">{{ item.title }}</view>
         <view class="flex ai_center">
           <image
-            class="w-64 h-64"
+            class="w-64 h-64 mgr-14"
             v-if="item.name === 'avatar'"
-            src="/static/logo.png"
+            src="/static/image/my/user_avatar_64.png"
             mode="scaleToFill"
           />
-          <view v-else class="text-24 text-600 text-070202">
+          <view v-else class="text-24 text-600 text-070202 mgr-14">
             {{ item.value }}
           </view>
           <image
             v-if="item.name === 'avatar' || item.name === 'name'"
-            class="w-48 h-48 mgl-30"
-            src="/static/logo.png"
+            class="w-48 h-48"
+            src="/static/image/common/right_arrow_icon.png"
             mode="scaleToFill"
           />
         </view>
@@ -42,7 +42,7 @@
         <view class="text-32 text-600 text-303030">其他</view>
       </view>
       <view
-        class="w h-96 flex ai_center jc_between mgb-16 menu_border"
+        class="w h-96 flex ai_center jc_between mgb-16 border-bottom-F2F2F7"
         v-for="item in otherMenu"
         :key="item.name"
         @click="$navTo(item.pagePath)"
@@ -52,15 +52,18 @@
           <image
             class="w-64 h-64 mgr-24"
             v-if="item.name === 'weixin'"
-            src="/static/logo.png"
+            src="/static/image/my/user_avatar_64.png"
             mode="scaleToFill"
           />
-          <view class="text-24 text-600 text-070202">
+          <view v-if="item.value === '未实名'" class="text-24 text-600 text-E02E24">
+            {{ item.value }}
+          </view>
+          <view v-else class="text-24 text-600 text-070202">
             {{ item.value }}
           </view>
           <image
-            class="w-48 h-48 mgl-30"
-            src="/static/logo.png"
+            class="w-48 h-48 mgl-10"
+            src="/static/image/common/right_arrow_icon.png"
             mode="scaleToFill"
           />
         </view>
@@ -129,8 +132,4 @@ export default {
   font-size: 36rpx;
   color: #8f8f94;
 }
-
-.menu_border {
-  border-bottom: 2rpx solid #f2f2f7;
-}
 </style>

pages/personalProfile/realAuth.vue

@@ -4,7 +4,7 @@
       <image
         @click="$navBack()"
         class="w-48 h-48 abs_left"
-        src="/static/logo.png"
+        src="/static/image/common/left_arrow_icon.png"
         mode="scaleToFill"
       />
       <view class="text-36 text-500 text-070202">实名认证</view>
@@ -31,25 +31,25 @@
         style="height: 424rpx; background-color: #ffede2"
       ></view>
 
-      <view class="w h-96 flex ai_center jc_between mgt-24 menu_border">
+      <view class="w h-96 flex ai_center jc_between mgt-24 border-bottom-F2F2F7">
         <view class="text-28 text-400 text-303030">姓名</view>
         <view class="flex ai_center">
           <view class="text-24 text-600 text-070202">陈毛毛</view>
           <image
             class="w-48 h-48 mgl-30"
-            src="/static/logo.png"
+            src="/static/image/common/right_arrow_icon.png"
             mode="scaleToFill"
           />
         </view>
       </view>
 
-      <view class="w h-96 flex ai_center jc_between mgt-16 menu_border">
+      <view class="w h-96 flex ai_center jc_between mgt-16 border-bottom-F2F2F7">
         <view class="text-28 text-400 text-303030">身份证号</view>
         <view class="flex ai_center">
           <view class="text-24 text-600 text-070202">35052119950452522</view>
           <image
             class="w-48 h-48 mgl-30"
-            src="/static/logo.png"
+            src="/static/image/common/right_arrow_icon.png"
             mode="scaleToFill"
           />
         </view>
@@ -71,10 +71,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.menu_border {
-  border-bottom: 2rpx solid #f2f2f7;
-}
-
 .btn {
   margin-top: 88rpx;
   width: 100%;

static/css/fui.css

@@ -214,6 +214,9 @@ image {
 .text-070202{
 	color: #070202;
 }
+.text-595959{
+	color: #595959;
+}
 .text-C8C9C6{
 	color: #C8C9C6;
 }
@@ -226,6 +229,9 @@ image {
 .text-DD3D3D{
 	color: #DD3D3D;
 }
+.text-FF9F38{
+	color: #FF9F38;
+}
 /* #ifndef APP-PLUS-NVUE */
 .text-color-initial {
 	color: initial;
@@ -414,6 +420,9 @@ image {
 .text-16 {
 	font-size: 16rpx;
 }
+.text-18 {
+	font-size: 18rpx;
+}
 .text-20 {
 	font-size: 20rpx;
 }
@@ -1257,6 +1266,9 @@ image {
 .mgt-40 {
 	margin-top: 40rpx;
 }
+.mgt-42 {
+	margin-top: 42rpx;
+}
 .mgt-48 {
 	margin-top: 48rpx;
 }
@@ -1847,6 +1859,9 @@ image {
 .w-70 {
 	width: 70rpx;
 }
+.w-72 {
+	width: 72rpx;
+}
 .w-80 {
 	width: 80rpx;
 }
@@ -1871,6 +1886,9 @@ image {
 .w-120 {
 	width: 120rpx;
 }
+.w-128 {
+	width: 128rpx;
+}
 .w-140 {
 	width: 140rpx;
 }
@@ -2463,6 +2481,9 @@ image {
 .border-bottom  {
 	border-bottom: 1px solid #eeeeee;
 }
+.border-bottom-F2F2F7  {
+	border-bottom: 2rpx solid #F2F2F7;
+}
 .border-right {
 	border-right: 1px solid #eeeeee;
 }