pages/index/components/businessCenter.vue

@@ -27,8 +27,7 @@
       <view class="headline-box">
         <view class="card" v-for="(item, index) in item.content" style="width: 4rem">
           <view class="icon">
-            <!-- <uni-icons type="image-filled" size="30" color="#3c9bff"></uni-icons> -->
-            <image :src="item.icon" style="width: 2.5rem; height: 2.5rem"></image>
+            <uni-icons type="image-filled" size="30" color="#3c9bff"></uni-icons>
           </view>
           <view
             class="text"
@@ -97,47 +96,47 @@ const functionList = ref([
     content: [
       {
         txt: '新车注册登记',
-        icon: '../../../static/业务中心/1/1.png',
+        icon: '',
         id: 0
       },
       {
         txt: '新车选号',
-        icon: '@/static/业务中心/1/2.png',
+        icon: '',
         id: 1
       },
       {
         txt: '在用车选号',
-        icon: '@/static/业务中心/1/3.png',
+        icon: '',
         id: 2
       },
       {
         txt: '号牌号段公布',
-        icon: '@/static/业务中心/1/4.png',
+        icon: '',
         id: 3
       },
       {
         txt: '备案非本人机动车',
-        icon: '@/static/业务中心/1/5.png',
+        icon: '',
         id: 4
       },
       {
         txt: '机动车转籍申请',
-        icon: '@/static/业务中心/1/6.png',
+        icon: '',
         id: 5
       },
       {
         txt: '异常选号资料修改',
-        icon: '@/static/业务中心/1/7.png',
+        icon: '',
         id: 6
       },
       {
         txt: '申请新车临时号牌',
-        icon: '@/static/业务中心/1/8.png',
+        icon: '',
         id: 7
       },
       {
         txt: '城市货车通行码申领',
-        icon: '@/static/业务中心/1/9.png',
+        icon: '',
         id: 8
       }
     ]
@@ -267,6 +266,7 @@ const gotoBack = () => {
       .text {
         text-align: center;
         font-size: 0.5rem;
+        margin-top: 0.4rem;
       }
     }
   }

pages/my/components/install/index.vue

@@ -14,12 +14,10 @@
     <view v-for="item in serve" :key="item.id" class="userlist">
       <view :class="{ active: item.id === 5 }">
         <view class="userlist-box">
-          <view style="margin: 0 0.8rem">
-            <image :src="item.icon" :style="{ width: item.id == 0 ? '1.25rem' : '1.45rem', height: '1.45rem', transform: 'translateY(0.2rem)' }"></image>
-          </view>
+          <view style="margin: 0 0.8rem"><uni-icons color="#c1c1c3" :type="item.icon" size="26"></uni-icons></view>
           <view class="userlist-box-text" :style="{ 'border-bottom': item.id == 5 || item.id == 4 ? 'node' : '1rpx solid #eee' }">
-            <view :style="{ transform: item.id == 0 ? 'translateX(0.2rem)' : '' }">{{ item.text }}</view>
-            <view style="margin-right: 0.7rem"><uni-icons color="#c1c1c3" type="forward" size="18"></uni-icons></view>
+            <view>{{ item.text }}</view>
+            <view style="margin-right: 0.7rem"><uni-icons color="#c1c1c3" type="forward" size="24"></uni-icons></view>
           </view>
         </view>
       </view>
@@ -34,44 +32,44 @@ const { safeAreaInsets } = uni.getSystemInfoSync();
 const serve = ref([
   {
     text: '登录密码修改',
-    icon: '../../../../static/我的设置/1.png',
+    icon: 'location-filled',
     id: 0
   },
   {
     text: '手势密码修改',
-    icon: '../../../../static/我的设置/2.png',
+    icon: 'location-filled',
     id: 1
   },
   {
     text: '删除帐号',
-    icon: '../../../../static/我的设置/3.png',
+    icon: 'location-filled',
     id: 2
   },
   {
     text: '帐号迁移',
-    icon: '../../../../static/我的设置/4.png',
-
+    icon: 'heart-filled',
+    user: '',
     id: 3
   },
   {
     text: '大字版',
-    icon: '../../../../static/我的设置/5.png',
-
+    icon: 'heart-filled',
+    user: '',
     id: 4
   },
   {
     text: '分享12123给好友',
-    icon: '../../../../static/我的设置/6.png',
+    icon: 'heart-filled',
     id: 5
   },
   {
     text: '清理缓存',
-    icon: '../../../../static/我的设置/7.png',
+    icon: 'heart-filled',
     id: 6
   },
   {
     text: '关于',
-    icon: '../../../../static/我的设置/8.png',
+    icon: 'heart-filled',
     id: 7
   }
 ]);

pages/my/index.vue

@@ -15,24 +15,11 @@
     <view v-for="item in serve" :key="item.id" class="userlist">
       <view class="userlist-box">
         <view class="userlist-box-text">
-          <view>
-            <!-- <uni-icons color="#1f579a" :type="item.icon" size="26"></uni-icons> -->
-            <image
-              :src="item.icon"
-              :style="{
-                width: item.id === 5 ? '1.5rem' : item.id === 4 ? '1.2rem' : item.id == 2 ? '1.4rem' : ' 1.45rem',
-                height: item.id === 5 ? '1.4rem' : item.id == 2 ? '1.2rem' : ' 1.45rem',
-                transform: item.id === 4 ? 'translate(0.15rem,0.15rem)' : 'translateY(0.15rem)'
-              }"
-            ></image>
-          </view>
+          <view><uni-icons color="#1f579a" :type="item.icon" size="26"></uni-icons></view>
           <view style="margin-left: 1rem">{{ item.text }}</view>
         </view>
-        <view>
-          <uni-icons style="margin-right: 0.8rem" fontFamily="CustomFont" color="#bfbfbf" size="16">{{ item.queenicon }}</uni-icons>
-        </view>
+        <view><uni-icons type="forward" color="#bfbfbf" size="24"></uni-icons></view>
       </view>
-      <view style="width: 92%; border-bottom: 1rpx solid #e2e2e2; margin-left: 8%"></view>
     </view>
   </view>
 </template>
@@ -42,67 +29,56 @@ import { ref } from 'vue';
 const serve = ref([
   {
     text: '实人认证',
-    icon: '../../static/我的/1.png',
-    queenicon: '',
+    icon: 'location-filled',
     user: '',
     id: 0
   },
   {
     text: '我的证件',
-    icon: '../../static/我的/2.png',
-    queenicon: '',
+    icon: 'location-filled',
     user: '',
     id: 1
   },
   {
     text: '证件号码',
-    icon: '../../static/我的/3.png',
-    queenicon: '',
-    user: '',
+    icon: 'spinner-cycle',
     id: 2
   },
   {
     text: '有效期限',
-    icon: '../../static/我的/4.png',
-    queenicon: '\ue612',
+    icon: 'star-filled',
     user: '',
     id: 3
   },
   {
     text: '手机号码',
-    icon: '../../static/我的/5.png',
-    queenicon: '\ue612',
+    icon: 'star-filled',
     user: '',
     id: 4
   },
   {
     text: '邮寄地址',
-    icon: '../../static/我的/6.png',
-    queenicon: '\ue612',
+    icon: 'refresh-filled',
     id: 5
   },
   {
     text: '电子文书',
-    icon: '../../static/我的/7.png',
-    queenicon: '\ue612',
+    icon: 'refresh-filled',
     id: 6
   },
   {
     text: '信息申诉',
-    icon: '../../static/我的/8.png',
-    queenicon: '\ue612',
+    icon: 'refresh-filled',
     id: 7
   },
   {
     text: '交管小安',
-    icon: '',
-    queenicon: '\ue612',
+    icon: 'refresh-filled',
     id: 8
   },
   {
     text: '咨询反馈',
-    icon: '../../static/我的/10.png',
-    queenicon: '\ue612',
+    icon: 'refresh-filled',
     id: 9
   }
 ]);
@@ -114,11 +90,7 @@ const set = () => {
 };
 </script>
 
-<style lang="scss">
-@font-face {
-  font-family: CustomFont;
-  src: url('../../static/我的/iconfont.ttf');
-}
+<style lang="scss" scoped>
 .user {
   display: flex;
   align-items: center;
@@ -141,7 +113,8 @@ const set = () => {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 0.8rem 0;
+    padding: 1rem 0;
+    border-bottom: 1rpx solid #eee;
     .userlist-box-text {
       display: flex;
       align-items: center;

pages/schedule/index.vue

@@ -15,30 +15,10 @@
         <view :style="{ left: cursorPosition + 'px' }" class="custom-tabs-cursor"></view>
       </view>
       <view class="content-area">
-        <view v-if="tabIndex === 0">
-          <view class="noData">
-            <image src="../../static/网办进度/oe.png" style="width: 7.8rem; height: 5rem"></image>
-            <view style="font-size: 0.75rem; margin-top: 0.5rem; color: #767676">暂无数据</view>
-          </view>
-        </view>
-        <view v-else-if="tabIndex === 1">
-          <view class="noData">
-            <image src="../../static/网办进度/oe.png" style="width: 7.8rem; height: 5rem"></image>
-            <view style="font-size: 0.75rem; margin-top: 0.5rem; color: #767676">暂无数据</view>
-          </view>
-        </view>
-        <view v-else-if="tabIndex === 2">
-          <view class="noData">
-            <image src="../../static/网办进度/oe.png" style="width: 7.8rem; height: 5rem"></image>
-            <view style="font-size: 0.75rem; margin-top: 0.5rem; color: #767676">暂无数据</view>
-          </view>
-        </view>
-        <view v-else-if="tabIndex === 3">
-          <view class="noData">
-            <image src="../../static/网办进度/oe.png" style="width: 7.8rem; height: 5rem"></image>
-            <view style="font-size: 0.75rem; margin-top: 0.5rem; color: #767676">暂无数据</view>
-          </view>
-        </view>
+        <view v-if="tabIndex === 0">暂无数据</view>
+        <view v-else-if="tabIndex === 1">暂无数据</view>
+        <view v-else-if="tabIndex === 2">暂无数据</view>
+        <view v-else-if="tabIndex === 3">暂无数据</view>
       </view>
     </view>
   </view>
@@ -63,7 +43,7 @@ const cursorPosition = computed(() => {
   if (tabbarRect.value.length === 0) return;
   // 获取tabbar的宽度和left的值
   const { width, left } = tabbarRect.value[tabIndex.value];
-  return (width - 76) / 2 + left;
+  return (width - 80) / 2 + left;
 });
 onMounted(() => {
   // 1. 创建查询器
@@ -139,11 +119,4 @@ function onTabChange(index, item) {
     transition: all 0.3s ease-out;
   }
 }
-.noData {
-  height: 70vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-}
 </style>