1. first2 tab img

2. first2 title img
3. task page

pages.json

@@ -17,6 +17,13 @@
         "navigationStyle": "custom"
       }
     },
+    {
+      "path": "pages/task/index",
+      "style": {
+        "navigationBarTitleText": "",
+        "navigationStyle": "custom"
+      }
+    },
     {
       "path": "pages/first2/index",
       "style": {

pages/first2/index.vue

@@ -127,17 +127,38 @@
           >
             <div class="flex justify-around mt-4">
               <img
-                src="https://file.rongcyl.cn/festatic/bkm/first2/t1.png"
+                src="https://file.rongcyl.cn/festatic/bkm/first2/tab1.png"
+                v-if="tabIndex !== 1"
                 @click="tabIndex = 1"
                 style="width: 126rpx; height: 32rpx"
               />
               <img
-                src="https://file.rongcyl.cn/festatic/bkm/first2/t2.png"
+                v-if="tabIndex == 1"
+                src="https://file.rongcyl.cn/festatic/bkm/first2/tab1a.png"
+                @click="tabIndex = 1"
+                style="width: 126rpx; height: 32rpx"
+              />
+              <img
+                v-if="tabIndex !== 2"
+                src="https://file.rongcyl.cn/festatic/bkm/first2/tab2.png"
+                @click="tabIndex = 2"
+                style="width: 126rpx; height: 32rpx"
+              />
+              <img
+                v-if="tabIndex == 2"
+                src="https://file.rongcyl.cn/festatic/bkm/first2/tab2a.png"
                 @click="tabIndex = 2"
                 style="width: 126rpx; height: 32rpx"
               />
               <img
-                src="https://file.rongcyl.cn/festatic/bkm/first2/t3.png"
+                v-if="tabIndex != 3"
+                src="https://file.rongcyl.cn/festatic/bkm/first2/tab3.png"
+                @click="tabIndex = 3"
+                style="width: 126rpx; height: 32rpx"
+              />
+              <img
+                v-if="tabIndex == 3"
+                src="https://file.rongcyl.cn/festatic/bkm/first2/tab3a.png"
                 @click="tabIndex = 3"
                 style="width: 126rpx; height: 32rpx"
               />
@@ -239,7 +260,7 @@
               </div>
             </div>
             <div class="pt-4" v-if="tabIndex == 2">
-              <Title title="LAST赏" />
+              <Title title="LAST" />
               <div class="flex pl-3 pt-3 mb-3" style="background-color: #f6f0e9">
                 <div
                   v-for="item in 3"
@@ -257,7 +278,7 @@
                   </div>
                 </div>
               </div>
-              <Title title="FIRST赏" />
+              <Title title="FIRST" />
               <div class="flex pl-3 pt-3 mb-3" style="background-color: #f6f0e9">
                 <div
                   v-for="item in 3"

pages/first2/title.vue

@@ -1,13 +1,6 @@
 <template>
   <div class="relative">
-    <div class="flex">
-      <div class="_1"></div>
-      <div class="_2"></div>
-      <div class="_3"></div>
-      <div class="_4"></div>
-    </div>
-    <div style="height: 44rpx; background: #fc5b20; position: relative; top: -1px"></div>
-    <div class="absolute left-2 top-2 bold italic text-white fs14">{{ title }}</div>
+    <img :src="`https://file.rongcyl.cn/festatic/bkm/first2/s/${title}.png`" style="width: 100%; height: 64rpx" />
   </div>
 </template>
 <script>
@@ -17,41 +10,4 @@ export default {
   },
 }
 </script>
-<style>
-._1 {
-  width: 60rpx;
-  height: 24rpx;
-  background-color: #fc5b20;
-  border-top-left-radius: 18rpx;
-}
-._2 {
-  transform: skew(45deg, 0deg);
-  width: 140rpx;
-  height: 24rpx;
-  background-color: #fc5b20;
-  border-radius: 10rpx;
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-  position: relative;
-  left: -30rpx;
-}
-._3 {
-  transform: skew(45deg, 0deg);
-  width: 140rpx;
-  height: 24rpx;
-  background-color: #000;
-  border-radius: 10rpx;
-  position: relative;
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-  left: -30rpx;
-}
-._4 {
-  width: 60rpx;
-  height: 24rpx;
-  background-color: #000;
-  border-top-right-radius: 18rpx;
-  position: relative;
-  left: -60rpx;
-}
-</style>
+<style></style>

pages/index/index.vue

@@ -18,9 +18,9 @@
         <image :src="$fileUrl() + '/Frame4.png'" alt="" />
         <span>超值挑战</span>
       </view>
-      <view class="tab">
+      <view class="tab" @click="$navigateTo('/pages/task/index')">
         <image :src="$fileUrl() + '/Frame2.png'" alt="" />
-        <span>拍卖专区</span>
+        <span>任务大厅</span>
       </view>
       <view class="tab" @click="$navigateTo('/pages/index2/index')">
         <image :src="$fileUrl() + '/Frame1.png'" alt="" />

pages/index2/index.vue

@@ -98,7 +98,7 @@
       style="color: #b4c9da; height: 80px"
     >
       <div class="text-center">
-        <img src="https://file.rongcyl.cn/festatic/bkm/index2tabs/home.png" class="w-7 h-7" />
+        <img src="https://file.rongcyl.cn/festatic/bkm/index2tabs/home_a.png" class="w-7 h-7" />
         <div style="color: #fc5b20">首页</div>
       </div>
       <div class="text-center">

pages/task/index.vue

@@ -0,0 +1,7 @@
+<template lang="">
+  <div>task</div>
+</template>
+<script>
+export default {}
+</script>
+<style lang="scss" scoped></style>