fix:移动端样式修改

nuxt.config.ts

@@ -11,7 +11,7 @@ export default defineNuxtConfig({
       ],
       script: [
         { src: "isMobile.js" },
-        { src: "aff.js" },
+        // { src: "aff.js" },
       ]
     },
   },

pages/m_user.vue

@@ -1,240 +1,251 @@
 <template>
-  <div class="flex mx-[20px] h-[44px] items-center">
-    <div class="w-[24px]" v-if="!active" @click="active = true">
-      <img src="~/public/image/title-left.png" style="width: 24px;" alt="">
-    </div>
-    <div class="w-[24px]" v-else @click="active = false">
-      <img src="~/public/image/title-left-x.png" style="width: 24px;" alt="">
-    </div>
-    <div class="flex-1 flex items-center justify-center">
-      <img src="~/public/favicon.ico" style="width: 24px;" alt="">
-    </div>
-    <div class="w-[24px]">
-      <a href="tel:17723267692">
-        <img src="~/public/image/title-right.png" style="width: 24px;" alt="">
-      </a>
-    </div>
-  </div>
-  <!-- 图片 -->
-  <div>
-    <div class="relatives flex justify-center">
-      <div class="flex-[1]">
+  <div class="bg-[#fafafa]">
+    <div class="flex mx-[20px] h-[44px] items-center">
+      <div class="w-[24px]" v-if="!active" @click="active = true">
+        <img src="~/public/image/title-left.png" style="width: 24px;" alt="">
       </div>
-      <!-- <img src="~/public/image/img_home.png" class="w-full" alt=""> -->
-      <div class=" flex items-center flex-col text-[#fff] mt-[28px]">
-        <div class="text-[24px] font-normal flex">
-          <h1 class="pr-[15px]">惠融易客</h1>
-          <div>
-            数字金融服务商
-          </div>
-        </div>
-        <span class="mt-[10px]  text-[10px]">提交申请，立即开启企业数字化升级
-        </span>
-        <span class="mb-[28px] text-[10px]">
-          提供专家1V1服务，提供企业定制化数字解决方案
-        </span>
-        <n-button type="info" class="bg-[#165DFF] w-[144px] h-[40px] text-[14px]" @click="btn">
-          立即申请试用
-        </n-button>
+      <div class="w-[24px]" v-else @click="active = false">
+        <img src="~/public/image/title-left-x.png" style="width: 24px;" alt="">
       </div>
-      <div class="flex-[1]">
-
+      <div class="flex-1 flex items-center justify-center">
+        <img src="~/public/favicon.ico" style="width: 24px;" alt="">
+      </div>
+      <div class="w-[24px]">
+        <a href="tel:17723267692">
+          <img src="~/public/image/title-right.png" style="width: 24px;" alt="">
+        </a>
       </div>
     </div>
-  </div>
+    <!-- 图片 -->
+    <div>
+      <div class="relatives flex justify-center">
+        <div class="flex-[1]">
+        </div>
+        <!-- <img src="~/public/image/img_home.png" class="w-full" alt=""> -->
+        <div class=" flex items-center flex-col text-[#fff] mt-[28px]">
+          <div class="text-[24px] font-medium flex">
+            <h1 class="pr-[15px]">惠融易客</h1>
+            <div>
+              数字金融服务商
+            </div>
+          </div>
+          <span class="mt-[10px]  text-[12px]">提交申请，立即开启企业数字化升级
+          </span>
+          <span class="mb-[28px] text-[12px]">
+            提供专家1V1服务，提供企业定制化数字解决方案
+          </span>
+          <n-button type="info" class="bg-[#165DFF] w-[144px] h-[40px] text-[14px] rounded-[4px]" @click="btn">
+            立即申请试用
+          </n-button>
+        </div>
+        <div class="flex-[1]">
 
-  <!-- 传统问题 traditional-->
-  <div class="flex flex-col items-center justify-center mx-[16px] mt-[30px]">
-    <h2 class="text-[18px] font-medium">传统方式管理难点</h2>
-    <span class="text-[#999999] pb-[10px] text-[12px]">传统方式管理过程中有哪些问题？</span>
-    <div class="flex">
-      <div class="w-765px mx-auto">
-        <n-carousel autoplay class="mx-auto">
-          <img src="~/public/image/m_img_home_qs_0_0.png" style="width: 343px; margin: 0 auto;" alt="">
-          <img src="~/public/image/m_img_home_qs_0_1.png" style="width: 343px; margin: 0 auto;" alt="">
-          <img src="~/public/image/m_img_home_qs_0_2.png" style="width: 343px; margin: 0 auto;" alt="">
-        </n-carousel>
+        </div>
       </div>
     </div>
-  </div>
-  <div class="flex flex-col items-center justify-center py-[30px] advantage text-[#fff]">
-    <h2 class="text-[18px] font-medium">我们的优势</h2>
-    <span class="pt-[5px] pb-[10px] text-[12px]">与传统方式相比较，惠融易客的优势又有哪些？</span>
-    <div class="flex">
-      <!-- <div></div> -->
-      <ul class="flex flex-col items-center justify-between">
-        <li class="w-[343px] h-[175px] mt-[10px]">
-          <img src="~/public/image/m_advant-01.png" alt="">
-        </li>
-        <li class="w-[343px] h-[175px] my-[20px]">
-          <img src="~/public/image/m_advant-02.png" alt="">
-        </li>
-        <li class="w-[343px] h-[175px]">
-          <img src="~/public/image/m_advant-03.png" alt="">
-        </li>
-      </ul>
-      <!-- <div></div> -->
-    </div>
-    <!-- <img src="~/public/image/m_advantage.png" class="w-full" alt=""> -->
-  </div>
-  <!-- 精准获客 -->
-  <div id="solution" class="flex flex-col items-center justify-center py-[30px]">
-    <h2 class="text-[18px] font-medium">精准获客</h2>
-    <span class="text-[#999999] pt-[5px] pb-[10px] text-[12px]">多渠道投放对接，帮助企业精准推广产品矩阵</span>
-    <div class="flex w-full">
-      <div class="flex-[1]"></div>
-      <ul class=" flex items-center flex-wrap justify-center mx-auto">
-        <li class="w-[107px] h-[50px] mr-[11px] mb-[10px]">
-          <img src="~/public/image/img_home_ad_0.png" alt="">
-        </li>
-        <li class="w-[107px] h-[50px] mr-[11px] mb-[10px]">
-          <img src="~/public/image/img_home_ad_1.png" alt="">
-        </li>
-        <li class="w-[107px] h-[50px] mb-[10px]">
-          <img src="~/public/image/img_home_ad_2.png" alt="">
-        </li>
-        <li class="w-[107px] h-[50px] mr-[11px] mb-[10px]">
-          <img src="~/public/image/img_home_ad_3.png" alt="">
-        </li>
-        <li class="w-[107px] h-[50px] mr-[11px] mb-[10px]">
-          <img src="~/public/image/img_home_ad_4.png" alt="">
-        </li>
-        <li class="w-[107px] h-[50px] mb-[10px]">
-          <img src="~/public/image/img_home_ad_5.png" alt="">
-        </li>
-        <li class="w-[107px] h-[50px] mr-[10px]">
-          <img src="~/public/image/img_home_ad_6.png" alt="">
-        </li>
-        <li class="w-[107px] h-[50px]">
-          <img src="~/public/image/img_home_ad_7.png" alt="">
-        </li>
-      </ul>
-      <div class="flex-[1]">
 
+    <!-- 传统问题 traditional-->
+    <div class="flex flex-col items-center justify-center mx-[16px] mt-[30px] mb-[30px]">
+      <h2 class="text-[18px] font-medium">传统方式管理难点</h2>
+      <span class="text-[#999999] pb-[20px] text-[12px]">传统方式管理过程中有哪些问题？</span>
+      <div class="flex">
+        <div class="w-765px mx-auto">
+          <n-carousel autoplay class="mx-auto" :current-index="traditionalIndex" :draggable="true">
+            <img src="~/public/image/m_img_home_qs_0_0.png" style="width: 343px; margin: 0 auto;" alt="">
+            <img src="~/public/image/m_img_home_qs_0_1.png" style="width: 343px; margin: 0 auto;" alt="">
+            <img src="~/public/image/m_img_home_qs_0_2.png" style="width: 343px; margin: 0 auto;" alt="">
+          </n-carousel>
+          <div class="h-[10px]"></div>
+          <ul class="custom-dots">
+            <li v-for="(i, index) in 3" :key="index" :class="{ ['is-active']: traditionalIndex === index }"
+              @click="traditionalIndexFn(index)">
+            </li>
+          </ul>
+        </div>
       </div>
     </div>
 
-
-  </div>
-  <!-- 免费试用 trial-->
-  <div class="w-full h-full trial">
-    <div></div>
-    <div class=" mx-auto flex flex-col items-center text-[#161616] pt-[16px] pb-[20px]">
-      <h2 class="font-medium text-[18px]" @click="btn">免费试用</h2>
-      <div class="mt-[12px] mb-[10px] text-[12px] text-[#999999]">
-        立即免费试用惠融易客CRM 提升企业业绩
-      </div>
-      <div class="mb-[10px] flex items-center font-medium text-[13px]">
-        <span>已有</span>
-        <ul class="flex justify-center items-center mx-[10px] my-[20px]">
-          <li v-for="item in freeList" class=" py-[2px] px-[3px] bg-[#fff] mx-[5px] text-[16px]">
-            {{ item }}
+    <div class="flex flex-col items-center justify-center py-[30px] advantage text-[#fff]">
+      <h2 class="text-[18px] font-medium">我们的优势</h2>
+      <span class="pt-[5px] pb-[10px] text-[12px]">与传统方式相比较，惠融易客的优势又有哪些？</span>
+      <div class="flex">
+        <!-- <div></div> -->
+        <ul class="flex flex-col items-center justify-between">
+          <li class="w-[343px] h-[175px] mt-[10px]">
+            <img src="~/public/image/m_advant-01.png" alt="">
+          </li>
+          <li class="w-[343px] h-[175px] my-[20px]">
+            <img src="~/public/image/m_advant-02.png" alt="">
+          </li>
+          <li class="w-[343px] h-[175px]">
+            <img src="~/public/image/m_advant-03.png" alt="">
           </li>
         </ul>
-        <span>
-          人加入
-        </span>
+        <!-- <div></div> -->
       </div>
-      <n-button type="info" class="bg-[#165DFF] w-[144px] h-[40px] text-[14px]" @click="btn">
-        立即申请试用
-      </n-button>
-    </div>
-    <div>
-
+      <!-- <img src="~/public/image/m_advantage.png" class="w-full" alt=""> -->
     </div>
-  </div>
-  <!-- 咨询信息 message-->
-  <div class="flex flex-col items-center justify-center pt-[30px] pb-[70px] mx-[16px] " v-if="homeList[0]">
-    <h2 class="text-[18px] font-medium">资讯信息</h2>
-    <span class="text-[#999999] px-[12px] pt-[5px] pb-[8px] text-[12px]">点击了解惠融易客的更多信息</span>
-    <div>
-      <n-carousel autoplay :currentIndex="currentIndex" class="mx-auto">
-        <img v-for="item in homeList" class="carousel-img" :src="item.images">
-      </n-carousel>
-      <div
-        class="flex flex-col justify-between font-medium text-[16px] h-[94px] w-[343px] mx-auto text-[#000000] mt-[10px] mb-[20px]">
-        <h1>{{ homeList[currentIndex].title }}</h1>
-        <div class="flex items-center justify-between">
-          <span class="text-[12px] text1">
-            {{ homeList[currentIndex].summary }}
-          </span>
-          <n-button type="info" class="bg-[#165DFF]" @click="btnContent(currentIndex)">
-            查看详情
-          </n-button>
+    <!-- 精准获客 -->
+    <div id="solution" class="flex flex-col items-center justify-center py-[30px]">
+      <h2 class="text-[18px] font-medium">精准获客</h2>
+      <span class="text-[#999999] pt-[5px] pb-[10px] text-[12px]">多渠道投放对接，帮助企业精准推广产品矩阵</span>
+      <div class="flex flex-col">
+        <div></div>
+        <div class="flex w-[375px]">
+          <ul class=" flex items-center flex-wrap justify-center mx-auto">
+            <li class="w-[166px] mb-[10px] mr-[5px]">
+              <img src="~/public/image/m_img_home_ad_0.png" class="w-[166px]" alt="">
+            </li>
+            <li class="w-[166px] mb-[10px] ml-[5px]">
+              <img src="~/public/image/m_img_home_ad_1.png" class="w-[166px]" alt="">
+            </li>
+            <li class="w-[166px] mb-[10px] mr-[5px]">
+              <img src="~/public/image/m_img_home_ad_2.png" class="w-[166px]" alt="">
+            </li>
+            <li class="w-[166px] mb-[10px] ml-[5px]">
+              <img src="~/public/image/m_img_home_ad_3.png" class="w-[166px]" alt="">
+            </li>
+            <li class="w-[166px] mb-[10px] mr-[5px]">
+              <img src="~/public/image/m_img_home_ad_4.png" class="w-[166px]" alt="">
+            </li>
+            <li class="w-[166px] mb-[10px] ml-[5px]">
+              <img src="~/public/image/m_img_home_ad_5.png" class="w-[166px]" alt="">
+            </li>
+            <li class="w-[166px] mb-[10px] mr-[5px]">
+              <img src="~/public/image/m_img_home_ad_6.png" class="w-[166px]" alt="">
+            </li>
+            <li class="w-[166px] mb-[10px] ml-[5px]">
+              <img src="~/public/image/m_img_home_ad_7.png" class="w-[166px]" alt="">
+            </li>
+          </ul>
+        </div>
+        <div>
         </div>
       </div>
-      <ul class="custom-dots w-[375px]">
-        <li v-for="(i, index) in homeList" :key="index" :class="{ ['is-active']: currentIndex === index }"
-          @click="customFn(index)">
-        </li>
-      </ul>
     </div>
-  </div>
-
-  <div class="w-full bg-[#131820] pt-[20px] pb-[10px]" id="contact">
-    <van-collapse v-model="activeNames" :border="false">
-      <van-collapse-item title="联系方式" name="1">
-        <div class="flex flex-col">
-          <span class="text-[12px] my-[16px]">
-            客服： kefu@meloinfo.com
-          </span>
-          <span class="text-[12px]">
-            商务： 17723267692（微信同号）
+    <!-- 免费试用 trial-->
+    <div class="w-full h-full trial">
+      <div></div>
+      <div class=" mx-auto flex flex-col items-center text-[#161616] pt-[16px] pb-[20px]">
+        <h2 class="font-medium text-[18px]" @click="btn">免费试用</h2>
+        <div class="mt-[12px] mb-[10px] text-[12px] text-[#999999]">
+          立即免费试用惠融易客CRM 提升企业业绩
+        </div>
+        <div class="mb-[10px] flex items-center font-medium text-[16px]">
+          <span>已有</span>
+          <ul class="flex justify-center items-center mx-[10px] my-[20px]">
+            <li v-for="item in freeList"
+              class="w-[22px] h-[26px] text-center px-[3px] bg-[#fff] mx-[2px] text-[16px] rounded-[2px]">
+              {{ item }}
+            </li>
+          </ul>
+          <span>
+            人加入
           </span>
         </div>
+        <n-button type="info" class="bg-[#165DFF] w-[144px] h-[40px] text-[14px]" @click="btn">
+          立即申请试用
+        </n-button>
+      </div>
+      <div>
 
-      </van-collapse-item>
-      <van-collapse-item title="公司地址" name="2">
-        <span class="text-[12px] py-[10px]">
-          重庆市两江新区大竹林街道清枫北路10号3幢双子座A座1406
-        </span>
-      </van-collapse-item>
-      <van-collapse-item title="应用二维码(长按识别)" name="3">
-        <!-- 二维码 -->
-        <div class="flex items-center justify-center">
-          <div class="flex flex-col items-center justify-center" v-if="bottomCode.wxQrUrl">
-            <img :src="bottomCode.wxQrUrl" style="width:100px;height:100px" alt="">
-            <span class="text-[#fff] text-[12px]" style="font-size: 11px; margin-bottom: 5px;">
-              关注公众号
+      </div>
+    </div>
+    <!-- 咨询信息 message-->
+    <div class="flex flex-col items-center justify-center pt-[30px] pb-[30px] mx-[16px] " v-if="homeList[0]">
+      <h2 class="text-[18px] font-medium">资讯信息</h2>
+      <span class="text-[#999999] px-[12px] pt-[5px] pb-[8px] text-[12px]">点击了解惠融易客的更多信息</span>
+      <div>
+        <n-carousel autoplay :currentIndex="currentIndex" class="mx-auto ">
+          <img v-for="item in homeList" class="carousel-img rounded-[4px]" :src="item.images">
+        </n-carousel>
+        <div
+          class="flex flex-col justify-between font-medium text-[16px] h-[94px] w-[343px] mx-auto text-[#000000] mt-[10px] mb-[20px]">
+          <h1>{{ homeList[currentIndex].title }}</h1>
+          <div class="flex items-center justify-between">
+            <span class="text-[12px] text1 text-[#999999]">
+              {{ homeList[currentIndex].summary }}
             </span>
+            <n-button type="info" class="bg-[#165DFF]" @click="btnContent(currentIndex)">
+              查看详情
+            </n-button>
           </div>
-          <div class="flex flex-col items-center justify-center" v-if="bottomCode.iosQrUrl" style="margin: 0 30px">
-            <img :src="bottomCode.iosQrUrl" style="width:100px;height:100px" alt="">
-            <span class="text-[#fff] text-[12px]" style="font-size: 11px; margin-bottom: 5px;">
-              iosAPP下载
+        </div>
+        <ul class="custom-dots w-[750px]">
+          <li v-for="(i, index) in homeList" :key="index" :class="{ ['is-active']: currentIndex === index }"
+            @click="customFn(index)">
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="w-full bg-[#131820] pt-[20px] pb-[10px] pl-[16px]" id="contact">
+      <n-collapse>
+        <n-collapse-item title="联系方式" name="1">
+          <div class="flex flex-col text-[#999]">
+            <span class="text-[12px] my-[16px]">
+              客服： kefu@meloinfo.com
             </span>
-          </div>
-          <div class="flex flex-col items-center justify-center" v-if="bottomCode.androidQrUrl">
-            <img :src="bottomCode.androidQrUrl" style="width:100px;height:100px" alt="">
-            <span class="text-[#fff] text-[12px]" style="font-size: 11px; margin-bottom: 5px;">
-              安卓APP下载
+            <span class="text-[12px]">
+              <span>商务：</span>
+              <a href="tel:17723267692" class="text-[#3061f6]"> 17723267692（微信同号）</a>
             </span>
           </div>
+        </n-collapse-item>
+        <n-collapse-item title="公司地址" name="2">
+          <span class="text-[12px] py-[10px] text-[#999]">
+            重庆市两江新区大竹林街道清枫北路10号3幢双子座A座1406
+          </span>
+        </n-collapse-item>
+        <n-collapse-item class="ncollapse" title="应用二维码(长按识别)" name="3">
+          <!-- 二维码 -->
+          <div class="flex items-center justify-center mr-[16px]">
+            <div class="flex flex-col items-center justify-center" v-if="bottomCode.wxQrUrl">
+              <img :src="bottomCode.wxQrUrl" style="width:100px;height:100px" alt="">
+              <span class="text-[#999] text-[12px] mt-[10px]" style="font-size: 11px; margin-bottom: 5px;">
+                关注公众号
+              </span>
+            </div>
+            <div class="flex flex-col items-center justify-center" v-if="bottomCode.iosQrUrl" style="margin: 0 10px">
+              <img :src="bottomCode.iosQrUrl" style="width:100px;height:100px" alt="">
+              <span class="text-[#999] text-[12px] mt-[10px]" style="font-size: 11px; margin-bottom: 5px;">
+                iosAPP下载
+              </span>
+            </div>
+            <div class="flex flex-col items-center justify-center" v-if="bottomCode.androidQrUrl">
+              <img :src="bottomCode.androidQrUrl" style="width:100px;height:100px" alt="">
+              <span class="text-[#999] text-[12px] mt-[10px]" style="font-size: 11px; margin-bottom: 5px;">
+                安卓APP下载
+              </span>
+            </div>
+          </div>
+        </n-collapse-item>
+      </n-collapse>
+      <n-divider />
+      <div class=" m-auto mt-[30px]">
+        <!-- 备案号 -->
+        <div class="flex flex-col items-center justify-center text-[#52575E] text-[10px] my-[20px]">
+          <span>Copyright © 2023 重庆惠融数字科技有限公司版权所有</span>
+          <span>
+            渝ICP备2023000211号-4
+          </span>
+          <span>
+            营业执照:91500000MA60U0WQ8Y
+          </span>
+          <span class="my-[20px]">
+            违法和不良信息举报邮箱:sugarpark@163.com
+          </span>
+          <span>
+            联网备案号:50019002502299
+          </span>
+          <span class="mt-[5px]">
+            中国互联网违法和不良信息举报中心
+          </span>
         </div>
-      </van-collapse-item>
-    </van-collapse>
-    <div class=" m-auto">
-      <!-- 备案号 -->
-      <div class="flex flex-col items-center justify-center text-[#999999] text-[10px] my-[20px]">
-        <span>Copyright © 2023 重庆惠融数字科技有限公司版权所有</span>
-        <span>
-          渝ICP备2023000211号-4
-        </span>
-        <span>
-          营业执照:91500000MA60U0WQ8Y
-        </span>
-        <span class="my-[20px]">
-          违法和不良信息举报邮箱:sugarpark@163.com
-        </span>
-        <span>
-          联网备案号:50019002502299
-        </span>
-        <span class="mt-[20px]">
-          中国互联网违法和不良信息举报中心
-        </span>
       </div>
     </div>
   </div>
+
   <n-drawer v-model:show="active" :width="152" style="top:40px" placement="left">
     <n-drawer-content>
       <div class="flex flex-col items-center justify-between h-full">
@@ -361,10 +372,30 @@ const getImg = (name: number) => {
   return new URL(`/public/image/p_img_home_qs_0_${name}.png`, import.meta.url).href;
 }
 const currentIndex = ref(1)
+const traditionalIndex = ref(1)
 const customFn = (i: number) => {
   console.log('i', i)
   currentIndex.value = i
 }
+const traditionalIndexFn = (i: number) => {
+  console.log('i', i)
+  traditionalIndex.value = i
+}
+const setIntervalFn = () => {
+  setInterval(() => {
+    if (traditionalIndex.value >= 2) {
+      traditionalIndex.value = 0
+    } else {
+      traditionalIndex.value = traditionalIndex.value + 1
+    }
+    if (currentIndex.value == homeList.value.length - 1) {
+      currentIndex.value = 0
+    } else {
+      currentIndex.value = currentIndex.value + 1
+    }
+  }, 5000)
+}
+setIntervalFn()
 const go = (i: number) => {
   currentIndex.value = currentIndex.value + i
   if (currentIndex.value > homeList.value.length - 1) {
@@ -546,7 +577,8 @@ p {
   background-size: cover;
 
 }
-.advantage{
+
+.advantage {
   background: url(~/public/image/m_advantage.png) no-repeat;
   background-size: cover;
 }
@@ -571,17 +603,17 @@ p {
 
 .custom-dots li {
   display: inline-block;
-  width: 20px;
+  width: 10px;
   height: 4px;
   margin: 0 3px;
   border-radius: 4px;
-  background: #888888;
+  background: #E1E1E1;
   transition: width 0.3s, background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   cursor: pointer;
 }
 
 .custom-dots li.is-active {
-  width: 50px;
+  width: 30px;
   background: #0047FF;
 }
 
@@ -590,12 +622,13 @@ p {
   font-size: 12px;
   background: #fafafa;
 }
-.text1{
+
+.text1 {
   display: inline-block;
-  white-space: nowrap; 
-  width: 200px; 
+  white-space: nowrap;
+  width: 200px;
   overflow: hidden;
-  text-overflow:ellipsis;
+  text-overflow: ellipsis;
 }
 
 // 框
@@ -632,6 +665,11 @@ p {
   line-height: 55px !important;
 }
 
+::v-deep(.n-button) {
+  // border: 0px !important;
+  --n-border: 0 !important;
+}
+
 // 移动
 ::v-deep(.van-cell) {
   color: #fff !important;
@@ -642,11 +680,19 @@ p {
   color: #fff !important;
   background: #131820 !important;
 }
-::v-deep(.van-cell:after){
+
+::v-deep([class*=van-hairline]:after) {
+  border: 1px solid #262f3e !important;
+}
+
+::v-deep(.van-cell:after) {
   border-bottom: 1px solid #262f3e !important;
 }
-::v-deep(.van-collapse-item--border:after){
+
+::v-deep(.van-collapse-item--border:after) {
+
   border-top: 1px solid #262f3e !important;
+  border-top: 0 !important;
 }
 
 // 移动端样式
@@ -679,4 +725,20 @@ p {
 
 ::v-deep(.n-form-item) {
   --n-label-height: 5px !important;
-}</style>
+}
+
+::v-deep(.n-collapse-item__header-main) {
+  color: #fff !important;
+}
+
+::v-deep(.n-base-icon svg) {
+  color: #999 !important;
+}
+
+::v-deep(.n-collapse .n-collapse-item:not(:first-child)) {
+  border-top: 0.5px solid #2B374A !important;
+}
+::v-deep(.n-divider__line){
+  background-color: #2B374A !important;
+}
+</style>

public/aff.js

@@ -1,18 +1,8 @@
 var _hmt = _hmt || [];
 (function() {
-  window.onload = function () {
-    document.addEventListener('touchstart', function (event) {
-      if (event.touches.length > 1) {
-        event.preventDefault()
-      }
-    })
-    document.addEventListener('gesturestart', function (event) {
-      event.preventDefault()
-    })
-  }
-  console.log('爱番番触发')
-var hm = document.createElement("script");
-hm.src = "https://hm.baidu.com/hm.js?38416d7ccaa6b3339741246fd9fc45fd";
-var s = document.getElementsByTagName("script")[0];
-s.parentNode.insertBefore(hm, s);
+  console.log('进来了aff')
+  var hm = document.createElement("script");
+  hm.src = "https://hm.baidu.com/hm.js?5fc0d724f00227e40e455649512e8fcb";
+  var s = document.getElementsByTagName("script")[0]; 
+  s.parentNode.insertBefore(hm, s);
 })();