src/App.vue

@@ -3,23 +3,7 @@ import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
 
 onLaunch(() => {
   //隐藏官方的tabBar
-  // #ifdef MP-ALIPAY
-  my.hideTabBar({
-    animation: false, // 是否需要动画效果，alipay 1.95.0支持此参数
-    success: (res) => {
-      // 隐藏成功的回调
-      console.log("TabBar has been hidden", res);
-    },
-    fail: (err) => {
-      // 隐藏失败的回调
-      console.error("Failed to hide TabBar", err);
-    },
-  });
-  // #endif
-
-  // #ifndef MP-ALIPAY
-  uni.hideTabBar();
-  // #endif
+  // uni.hideTabBar();
 });
 onShow(() => {
   console.log("App Show");

src/components/Layout/index.vue

@@ -16,7 +16,7 @@
     }"
     class="bottom"
   >
-    <Tabbar :select="select" />
+    <Tabbar :select="select"/>
   </view>
 </template>
 
@@ -37,7 +37,6 @@ const navbarRect = reactive({
   layoutHeight: 0,
 });
 
-// #ifndef H5
 const menuButtonInfo = uni.getMenuButtonBoundingClientRect();
 navbarRect.height = menuButtonInfo.height;
 navbarRect.top = menuButtonInfo.top;
@@ -54,7 +53,6 @@ uni.getSystemInfo({
       50;
   },
 });
-// #endif
 </script>
 
 <style lang="scss" scoped>
@@ -67,7 +65,7 @@ uni.getSystemInfo({
   background-color: bisque;
 }
 .layout {
-  background-color: #fff;
+  background-color: #FFF;
 }
 .bottom {
   position: fixed;

src/components/Tabbar/index.vue

@@ -1,22 +1,17 @@
 <template>
   <!-- 工作台底部菜单 -->
   <view class="custom-tabbar">
-    <view
-      v-for="item in state.list"
-      :key="item.text"
-      @click="handleClick(item)"
-    >
+    <view v-for="item in state.list" :key="item.text" @click="handleClick(item)">
       <view>
         <image
-          :src="`${url}/static/img/tabbar/${
-            select === item.text ? item.activeIcon : item.icon
-          }`"
-          class="custom-img"
-        ></image>
+        :src="`${url}/static/img/tabbar/${select === item.text ? item.activeIcon : item.icon}`"
+        class="custom-img"
+      ></image>
       </view>
-      <view :class="{ active: select === item.text }">
+      <view :class="{'active': select === item.text}">
         {{ item.text }}
       </view>
+     
     </view>
     <!-- <view v-for="item in state.list" :key="item.text">
       <image
@@ -74,7 +69,8 @@ const handleClick = (item: tabBar) => {
 };
 
 onLaunch(() => {
-  
+  //隐藏官方的tabBar
+  uni.hideTabBar();
 });
 </script>
 
@@ -83,7 +79,7 @@ onLaunch(() => {
   background: #ffffff;
   // box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 56, 93, 0.12);
   border-radius: 13rpx 13rpx 0rpx 0rpx;
-  border-top: 1px solid rgba(0, 0, 0, 0.05);
+  border-top: 1px solid rgba(0,0,0,0.05);
   display: flex;
   align-items: center;
   justify-content: space-around;

src/manifest.json

@@ -86,8 +86,7 @@
         "lazyCodeLoading" : "requiredComponents"
     },
     "mp-alipay" : {
-        "usingComponents" : true,
-        "styleIsolation":"apply-shared"
+        "usingComponents" : true
     },
     "mp-baidu" : {
         "usingComponents" : true

src/pages.json

@@ -15,14 +15,14 @@
     {
       "path": "pagesHome/index",
       "style": {
-        // "navigationStyle": "custom", // 控制头部是否显示
+        "navigationStyle": "custom", // 控制头部是否显示
         "navigationBarTitleText": "首页"
       }
     },
     {
       "path": "pagesHome/profile",
       "style": {
-        // "navigationStyle": "custom", // 控制头部是否显示
+        "navigationStyle": "custom", // 控制头部是否显示
         "navigationBarTitleText": "我的"
       }
     }
@@ -113,11 +113,11 @@
     "list": [
       {
         "pagePath": "pagesHome/index",
-        "text": ""
+        "text": "工作台"
       },
       {
         "pagePath": "pagesHome/profile",
-        "text": ""
+        "text": "我的"
       }
     ]
   },

src/pagesBattery/index.vue

@@ -2,92 +2,87 @@
   <!-- 轮播图 -->
   <CustomSwiper :list="bannerList"> </CustomSwiper>
   <!-- 入口 -->
-  <view class="entry-card">
-    <uni-card
-      :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
-      :padding="'20px 10px'"
-      :border="false"
-    >
-      <view class="item">
-        <view
-          v-for="(item, index) in entryItemList"
-          :key="index"
-          @click="handleClick(item)"
-          class="item"
-        >
-          <view>
-            <view class="text">{{ item.name }}</view>
-            <view class="desc">{{ item.desc }}</view>
-            <image :src="`${url}/static/img/battery/${item.path}`"></image>
-          </view>
+  <uni-card
+    class="entry-card"
+    :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
+    :padding="'20px 10px'"
+    :border="false"
+  >
+    <view class="item">
+      <view
+        v-for="(item, index) in entryItemList"
+        :key="index"
+        @click="handleClick(item)"
+        class="item"
+      >
+        <view>
+          <view class="text">{{ item.name }}</view>
+          <view class="desc">{{ item.desc }}</view>
+          <image :src="`${url}/static/img/battery/${item.path}`"></image>
         </view>
       </view>
-    </uni-card>
-  </view>
-
+    </view>
+  </uni-card>
   <!-- 介绍 -->
-  <view class="avatar-card">
-    <uni-card
-      :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
-      :padding="'20px 10px'"
-      :border="false"
-    >
-      <view class="title">回收流程</view>
-      <view class="flow">
-        <text class="text">在线登记</text>
-        <image :src="`${url}/static/img/battery/arrow.png`"></image>
-        <text class="text">免费上门</text>
-        <image :src="`${url}/static/img/battery/arrow.png`"></image>
-        <text class="text">结算打款</text>
-        <image :src="`${url}/static/img/battery/arrow.png`"></image>
-        <text class="text">订单完成</text>
-      </view>
-      <up-gap height="10" bgColor="#F8F8F8"></up-gap>
-      <view class="title mt-20">回收物品</view>
-      <uni-grid :column="2" :showBorder="false" :square="false">
-        <uni-grid-item v-for="(item, index) in serviceItemList" :key="index">
-          <view class="item">
-            <uni-card
-              :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
-              :padding="'0px'"
-              :margin="'5px'"
-              :border="false"
-            >
-              <view style="background-color: #e8edff">
-                <image
-                  mode="aspectFill"
-                  :src="`${url}/static/img/vehicle/${item.path}`"
-                ></image>
-              </view>
-              <view class="text-box">
-                <text class="text">{{ item.name }}</text>
-              </view>
-            </uni-card>
+  <uni-card
+    class="avatar-card"
+    :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
+    :padding="'20px 10px'"
+    :border="false"
+  >
+    <view class="title">回收流程</view>
+    <view class="flow">
+      <text class="text">在线登记</text>
+      <image :src="`${url}/static/img/battery/arrow.png`"></image>
+      <text class="text">免费上门</text>
+      <image :src="`${url}/static/img/battery/arrow.png`"></image>
+      <text class="text">结算打款</text>
+      <image :src="`${url}/static/img/battery/arrow.png`"></image>
+      <text class="text">订单完成</text>
+    </view>
+    <up-gap height="10" bgColor="#F8F8F8"></up-gap>
+    <view class="title mt-20">回收物品</view>
+    <uni-grid :column="2" :showBorder="false" :square="false">
+      <uni-grid-item
+        class="item"
+        v-for="(item, index) in serviceItemList"
+        :key="index"
+      >
+        <uni-card
+          :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
+          :padding="'0px'"
+          :margin="'5px'"
+          :border="false"
+        >
+          <view style="background-color: #e8edff">
+            <image
+              mode="aspectFill"
+              :src="`${url}/static/img/vehicle/${item.path}`"
+            ></image>
           </view>
-        </uni-grid-item>
-      </uni-grid>
+          <view class="text-box">
+            <text class="text">{{ item.name }}</text>
+          </view>
+        </uni-card>
+      </uni-grid-item>
+    </uni-grid>
 
-      <!-- 常见问题 -->
-      <view class="title mt-20 mb-20">常见问题</view>
-      <view class="commonQ">
-        <view v-for="(item, index) in questionList" :key="index">
-          <view class="question">{{ item.q }}</view>
-          <view class="answer">
-            <view v-html="item.a"></view>
-          </view>
+    <!-- 常见问题 -->
+    <view class="title mt-20 mb-20">常见问题</view>
+    <view class="commonQ">
+      <view v-for="(item, index) in questionList" :key="index">
+        <view class="question">{{ item.q }}</view>
+        <view class="answer">
+          <view v-html="item.a"></view>
         </view>
       </view>
+    </view>
 
-      <view class="other">
-        <view>其他问题请咨询客服电话</view>
-        <view
-          ><text @click="callNumber('15150231777')" class="active"
-            >15150231777&nbsp;&nbsp;欢迎咨询</text
-          ></view
-        >
-      </view>
-    </uni-card>
-  </view>
+    <view class="other">
+      <view>其他问题请咨询客服电话</view>
+      <view><text @click="callNumber('15150231777')" class="active">15150231777&nbsp;&nbsp;欢迎咨询</text></view>
+    </view>
+  </uni-card>
 </template>
 
 <script setup lang="ts">
@@ -186,7 +181,7 @@ const handleClick = (item: any) => {
   });
 };
 
-const callNumber = (number:any) => {
+const callNumber = (number) => {
   // 判断是否为移动端
   if (
     uni.getSystemInfoSync().platform === "android" ||

src/pagesHome/index.vue

@@ -3,64 +3,63 @@
     <!-- 轮播图 -->
     <CustomSwiper> </CustomSwiper>
     <!-- 入口 -->
-    <view class="entry-card">
-      <uni-card
-        :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
-        :padding="'20px 10px'"
-        :border="false"
-      >
-        <uni-grid :column="3" :showBorder="false" :square="false">
-          <uni-grid-item v-for="(item, index) in entryItemList" :key="index">
-            <view class="item">
-              <view @click="handleClick(item)">
-                <view>
-                  <image :src="`${url}/static/img/${item.path}`"></image>
-                </view>
-                <view>
-                  <text class="text">{{ item.name }}</text>
-                </view>
-              </view>
+    <uni-card
+      class="entry-card"
+      :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
+      :padding="'20px 10px'"
+      :border="false"
+    >
+      <uni-grid :column="3" :showBorder="false" :square="false">
+        <uni-grid-item
+          class="item"
+          v-for="(item, index) in entryItemList"
+          :key="index"
+        >
+          <view @click="handleClick(item)">
+            <view>
+              <image :src="`${url}/static/img/${item.path}`"></image>
             </view>
-          </uni-grid-item>
-        </uni-grid>
-      </uni-card>
-    </view>
-
+            <view>
+              <text class="text">{{ item.name }}</text>
+            </view>
+          </view>
+        </uni-grid-item>
+      </uni-grid>
+    </uni-card>
     <!-- 介绍 -->
-    <view class="avatar-card">
-      <uni-card
-        :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
-        :padding="'10px 10px'"
-        :border="false"
-      >
-        <view class="title">爱梵达</view>
-        <image
-          :src="`/static/avatar/1.jpg`"
-          :mode="'widthFix'"
-          style="width: 100%"
-        />
-        <image
-          :src="`/static/avatar/2.jpg`"
-          :mode="'widthFix'"
-          style="width: 100%"
-        />
-        <image
-          :src="`/static/avatar/3.jpg`"
-          :mode="'widthFix'"
-          style="width: 100%"
-        />
-        <image
-          :src="`/static/avatar/4.jpg`"
-          :mode="'widthFix'"
-          style="width: 100%"
-        />
-        <image
-          :src="`/static/avatar/5.jpg`"
-          :mode="'widthFix'"
-          style="width: 100%"
-        />
-      </uni-card>
-    </view>
+    <uni-card
+      class="avatar-card"
+      :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
+      :padding="'10px 10px'"
+      :border="false"
+    >
+      <view class="title">爱梵达</view>
+      <image
+        :src="`/static/avatar/1.jpg`"
+        :mode="'widthFix'"
+        style="width: 100%"
+      />
+      <image
+        :src="`/static/avatar/2.jpg`"
+        :mode="'widthFix'"
+        style="width: 100%"
+      />
+      <image
+        :src="`/static/avatar/3.jpg`"
+        :mode="'widthFix'"
+        style="width: 100%"
+      />
+      <image
+        :src="`/static/avatar/4.jpg`"
+        :mode="'widthFix'"
+        style="width: 100%"
+      />
+      <image
+        :src="`/static/avatar/5.jpg`"
+        :mode="'widthFix'"
+        style="width: 100%"
+      />
+    </uni-card>
   </Layout>
 </template>
 
@@ -137,7 +136,7 @@ const handleClick = (item: any) => {
     padding: 0px !important;
   }
   image + image {
-    margin-top: -14rpx;
+    margin-top: -12rpx;
   }
 }
 </style>

src/pagesHome/profile.vue

@@ -6,7 +6,7 @@
           <image :src="`${url}/static/img/profile/user.png`" class="user"></image>
           <view>
             <view>
-              <text class="name">{{ '用户' || "-" }}</text>
+              <text class="name">{{ '抖音用户' || "-" }}</text>
             </view>
             <view>
               <text class="company">{{ '-' || "-" }}</text>
@@ -65,10 +65,8 @@ const hanldeClick = (item: any) => {
 
 const openDoc = (item: string) => {
   //文件预览
-  const isWX = uni.getSystemInfoSync().uniPlatform === 'mp-weixin'
-  console.log(`${url}/static/${isWX && (item === '在生万有隐私政策') ? 'weixin/' : ''}${item}.docx`)
   uni.downloadFile({
-    url: `${url}/static/${isWX && (item === '在生万有隐私政策') ? 'weixin/' : ''}${item}.docx`,
+    url: `${url}/static/${item}.docx`,
     success: function (res) {
       setTimeout(
         () =>
@@ -94,25 +92,6 @@ const openDoc = (item: string) => {
     },
   });
 };
-
-  //隐藏官方的tabBar
-  // #ifdef MP-ALIPAY
-  my.hideTabBar({
-    animation: false, // 是否需要动画效果，alipay 1.95.0支持此参数
-    success: (res) => {
-      // 隐藏成功的回调
-      console.log("TabBar has been hidden", res);
-    },
-    fail: (err) => {
-      // 隐藏失败的回调
-      console.error("Failed to hide TabBar", err);
-    },
-  });
-  // #endif
-
-  // #ifndef MP-ALIPAY
-  uni.hideTabBar();
-  // #endif
 </script>
 
 <style lang="scss" scoped>

src/pagesScrapSteel/index.vue

@@ -2,68 +2,64 @@
   <!-- 轮播图 -->
   <CustomSwiper :list="bannerList"> </CustomSwiper>
   <!-- 介绍 -->
-  <view class="avatar-card">
-    <uni-card
-      :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
-      :padding="'20px 10px'"
-      :border="false"
-    >
-      <view class="title">优质货场</view>
-      <view class="freight">
-        <view v-for="(item, index) in list" :key="index">
+  <uni-card
+    class="avatar-card"
+    :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
+    :padding="'20px 10px'"
+    :border="false"
+  >
+    <view class="title">优质货场</view>
+    <view class="freight">
+      <view v-for="(item, index) in list" :key="index">
+        <view>
+          <image
+            mode="aspectFill"
+            :src="`${url}/static/img/steel/${item.path}`"
+          ></image>
+        </view>
+        <view class="text">
+          <view>主营业务：{{ item.business }}</view>
+          <view>货场名称：{{ item.name }}</view>
+          <view>货场地址：{{ item.address }}</view>
+          <view
+            >联系电话：{{item.owner}} &nbsp;&nbsp;<text  @click="callNumber(item.phone)" class="active">{{ item.phone }} &nbsp;&nbsp;欢迎询价</text></view
+          >
+        </view>
+      </view>
+    </view>
+
+    <view style="margin: 60rpx 0rpx 30rpx 0rpx">
+      <up-gap height="10" bgColor="#F8F8F8"></up-gap>
+    </view>
+
+    <view class="title">合作案例</view>
+    <view class="mt-30 mb-30">
+      <uni-grid :column="2" :showBorder="false" :square="false">
+        <uni-grid-item
+          class="item"
+          v-for="(item, index) in serviceItemList"
+          :key="index"
+        >
           <view>
             <image
               mode="aspectFill"
               :src="`${url}/static/img/steel/${item.path}`"
             ></image>
           </view>
-          <view class="text">
-            <view>主营业务：{{ item.business }}</view>
-            <view>货场名称：{{ item.name }}</view>
-            <view>货场地址：{{ item.address }}</view>
-            <view
-              >联系电话：{{ item.owner }} &nbsp;&nbsp;<text
-                @click="callNumber(item.phone)"
-                class="active"
-                >{{ item.phone }} &nbsp;&nbsp;欢迎询价</text
-              ></view
-            >
-          </view>
-        </view>
-      </view>
+        </uni-grid-item>
 
-      <view style="margin: 60rpx 0rpx 30rpx 0rpx">
-        <up-gap height="10" bgColor="#F8F8F8"></up-gap>
-      </view>
-
-      <view class="title">合作案例</view>
-      <view class="mt-30 mb-30">
-        <uni-grid :column="2" :showBorder="false" :square="false">
-          <uni-grid-item
-            class="item"
-            v-for="(item, index) in serviceItemList"
-            :key="index"
+        <view class="mt-30 mb-30" style="width: 60%">
+          <view
+            ><u-button type="primary" shape="circle" @click="handleJoin"
+              >加入爱梵达</u-button
+            ></view
           >
-            <view>
-              <image
-                mode="aspectFill"
-                :src="`${url}/static/img/steel/${item.path}`"
-              ></image>
-            </view>
-          </uni-grid-item>
           
-          <view class="mt-30 mb-30" style="width: 60%">
-            <view
-              ><u-button type="primary" shape="circle" @click="handleJoin"
-                >加入爱梵达</u-button
-              ></view
-            >
-          </view>
-          <view class="mt-30 mb-30">爱梵达智能过磅系统，提升您的经营效率</view>
-        </uni-grid>
-      </view>
-    </uni-card>
-  </view>
+        </view>
+        <view class="mt-30 mb-30">爱梵达智能过磅系统，提升您的经营效率</view>
+      </uni-grid>
+    </view>
+  </uni-card>
 </template>
 
 <script setup lang="ts">
@@ -83,7 +79,7 @@ const list = ref([
       "长期回收废钢（轻一、轻二、轻三、重废、钢板料等）、废纸、泡沫、塑料等，量大价优，欢迎来电咨询。",
     name: "在生万有-中悦犇站",
     address: "上海市奉贤区川南奉公路8598号",
-    owner: "刘先生",
+    owner: '刘先生',
     phone: "13651779998",
   },
   {
@@ -92,7 +88,7 @@ const list = ref([
       "长期回收重废、中废、轻废、小废、岩棉板、花盒等，量大价优，欢迎来电咨询。",
     name: "上海宽钢公司",
     address: "上海市宝山区兰岗路2号门",
-    owner: "李女士",
+    owner: '李女士',
     phone: "13601647155",
   },
 ]);
@@ -126,14 +122,13 @@ const handleJoin = () => {
   });
 };
 
-const callNumber = (number:any) => {
+const callNumber = (number) => {
   // 判断是否为移动端
   if (
     uni.getSystemInfoSync().platform === "android" ||
     uni.getSystemInfoSync().platform === "ios"
   ) {
     // 在移动端使用内置拨号程序进行拨号
-    // my.makePhoneCall({ number: '1111111' }); 支付宝
     uni.makePhoneCall({
       phoneNumber: number, // 电话号码
       success: function () {

src/pagesVehicle/index.vue

@@ -2,82 +2,76 @@
   <!-- 轮播图 -->
   <CustomSwiper :list="bannerList"> </CustomSwiper>
   <!-- 入口 -->
-  <view class="entry-card">
-    <uni-card
-      :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
-      :padding="'20px 10px'"
-      :border="false"
-    >
-      <uni-grid :column="4" :showBorder="false" :square="false">
-        <uni-grid-item v-for="(item, index) in entryItemList" :key="index">
-          <view class="item">
-            <view @click="handleClick(item)">
-              <view>
-                <image :src="`${url}/static/img/vehicle/${item.path}`"></image>
-              </view>
-              <view>
-                <text class="text">{{ item.name }}</text>
-              </view>
-            </view>
+  <uni-card
+    class="entry-card"
+    :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
+    :padding="'20px 10px'"
+    :border="false"
+  >
+    <uni-grid :column="4" :showBorder="false" :square="false">
+      <uni-grid-item
+        class="item"
+        v-for="(item, index) in entryItemList"
+        :key="index"
+      >
+        <view @click="handleClick(item)">
+          <view>
+            <image :src="`${url}/static/img/vehicle/${item.path}`"></image>
           </view>
-        </uni-grid-item>
-      </uni-grid>
-    </uni-card>
-  </view>
-  <!-- 介绍 -->
-  <view class="avatar-card">
-    <uni-card
-      :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
-      :padding="'20px 10px'"
-      :border="false"
-    >
-      <view class="title">服务项目</view>
-      <uni-grid :column="2" :showBorder="false" :square="false">
-        <uni-grid-item
-          class="item"
-          v-for="(item, index) in serviceItemList"
-          :key="index"
-        >
-          <view class="item">
-            <uni-card
-              :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
-              :padding="'0px'"
-              :margin="'5px'"
-              :border="false"
-            >
-              <view style="background-color: #e8edff">
-                <image
-                  mode="aspectFill"
-                  :src="`${url}/static/img/vehicle/${item.path}`"
-                ></image>
-              </view>
-              <view class="text-box">
-                <text class="text">{{ item.name }}</text>
-              </view>
-            </uni-card>
+          <view>
+            <text class="text">{{ item.name }}</text>
           </view>
-        </uni-grid-item>
-      </uni-grid>
-
-      <!-- 常见问题 -->
-      <view class="title mt-20 mb-20">常见问题</view>
-      <view class="commonQ">
-        <view v-for="(item, index) in questionList" :key="index">
-          <view class="question">{{ item.q }}</view>
-          <view class="answer">{{ item.a }}</view>
         </view>
-      </view>
-
-      <view class="other">
-        <view>其他问题请咨询客服电话</view>
-        <view
-          ><text @click="callNumber('15150231777')" class="active"
-            >15150231777 &nbsp;&nbsp;欢迎咨询</text
-          ></view
+      </uni-grid-item>
+    </uni-grid>
+  </uni-card>
+  <!-- 介绍 -->
+  <uni-card
+    class="avatar-card"
+    :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
+    :padding="'20px 10px'"
+    :border="false"
+  >
+    <view class="title">服务项目</view>
+    <uni-grid :column="2" :showBorder="false" :square="false">
+      <uni-grid-item
+        class="item"
+        v-for="(item, index) in serviceItemList"
+        :key="index"
+      >
+        <uni-card
+          :shadow="'0rpx 0rpx 10rpx 0rpx rgba(5,68,37,0.12)'"
+          :padding="'0px'"
+          :margin="'5px'"
+          :border="false"
         >
+          <view style="background-color: #e8edff">
+            <image
+              mode="aspectFill"
+              :src="`${url}/static/img/vehicle/${item.path}`"
+            ></image>
+          </view>
+          <view class="text-box">
+            <text class="text">{{ item.name }}</text>
+          </view>
+        </uni-card>
+      </uni-grid-item>
+    </uni-grid>
+
+    <!-- 常见问题 -->
+    <view class="title mt-20 mb-20">常见问题</view>
+    <view class="commonQ">
+      <view v-for="(item, index) in questionList" :key="index">
+        <view class="question">{{ item.q }}</view>
+        <view class="answer">{{ item.a }}</view>
       </view>
-    </uni-card>
-  </view>
+    </view>
+
+    <view class="other">
+      <view>其他问题请咨询客服电话</view>
+      <view><text @click="callNumber('15150231777')" class="active">15150231777 &nbsp;&nbsp;欢迎咨询</text></view>
+    </view>
+  </uni-card>
 </template>
 
 <script setup lang="ts">
@@ -183,7 +177,7 @@ const handleClick = (item: any) => {
   });
 };
 
-const callNumber = (number: any) => {
+const callNumber = (number) => {
   // 判断是否为移动端
   if (
     uni.getSystemInfoSync().platform === "android" ||

src/pagesVehicle/recycleFlow.vue

@@ -4,8 +4,10 @@
     :padding="'0px'"
     :margin="'20px'"
     :border="false"
+    :cover="'cover'"
   >
     <image
+      slot="cover"
       style="height: 680rpx"
       :src="`${url}/static/img/vehicle/flow.png`"
       mode="'aspectFit'"

src/static/style/common.scss

@@ -72,30 +72,3 @@ body {
 .u-empty {
   margin-bottom: 10px !important;
 }
-
-.uni-tabbar {
-  bottom: -10px !important;
-}
-
-
-.custom-tabbar {
-  background: #ffffff;
-  // box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 56, 93, 0.12);
-  border-radius: 13rpx 13rpx 0rpx 0rpx;
-  border-top: 1px solid rgba(0, 0, 0, 0.05);
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-  font-weight: 500;
-  font-size: 30rpx;
-  color: #999;
-  text-align: center;
-  padding-top: 20rpx;
-  .custom-img {
-    width: 48rpx;
-    height: 48rpx;
-  }
-  .active {
-    color: $u-primary;
-  }
-}