fix: 修复低端android显示异常

src/App.vue

@@ -36,7 +36,7 @@ const userStore = useUserStore()
 /* 覆盖 uniapp 自带rpx效果 */
 html {
   font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-size: 16px !important;
+  // font-size: 16px !important;
 }
 /* stylelint-disable-next-line selector-type-no-unknown */
 #app {

src/components/NavBar.vue

@@ -36,7 +36,6 @@ const handleClickLeft = () => {
 
 <style lang="scss" scoped>
 :deep(.wd-navbar) {
-  --wot-navbar-title-font-size: 32rpx;
   --wot-navbar-color: v-bind('titleColor');
 }
 </style>

src/pages-sub/official-community/index.vue

@@ -49,7 +49,7 @@ import VueQrcode from '@chenfengyuan/vue-qrcode'
 <style scoped>
 .official-community-page {
   min-height: 100vh;
-  padding-bottom: 100rpx;
+  padding-bottom: 50px;
   background-image: url('@/static/images/bg.png');
   background-position: top;
   background-size: cover;

src/pages-sub/team/index.vue

@@ -123,7 +123,7 @@ watch(
 <style lang="scss" scoped>
 .team-page {
   min-height: 100vh;
-  padding-bottom: 100rpx;
+  padding-bottom: 50px;
   background-image: url('@/static/images/bg.png');
   background-position: top;
   background-size: cover;

src/pages/edit-password/index.vue

@@ -8,7 +8,7 @@
 }
 </route>
 <template>
-  <view class="login-container relative">
+  <view class="login-container pb-50 relative">
     <NavBar />
     <view class="pt-45">
       <view class="mx-15 px-15 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10">
@@ -116,7 +116,6 @@ onLoad(() => {
 .login-container {
   box-sizing: border-box;
   min-height: 100vh;
-  padding-bottom: 200rpx;
   background-image: url('@/static/images/login-bg.png');
   background-repeat: no-repeat;
   background-size: cover;

src/pages/index/index.vue

@@ -8,7 +8,7 @@
 }
 </route>
 <template>
-  <view class="home-page">
+  <view class="home-page pb-50">
     <NavBar />
     <template v-if="userStore.userInfo?.banknum">
       <view class="main-container w-345 h-185 mx-auto rounded-14 px-20 pt-70 text-12">
@@ -91,7 +91,7 @@
         </view>
       </view>
     </view>
-    <wd-popup :lockScroll="false" v-model="showNotice" custom-style="border-radius:40rpx;">
+    <wd-popup :lockScroll="false" v-model="showNotice" custom-style="border-radius:10rpx;">
       <view class="px-30 py-30 w-330 h-457 notice-container rounded-20 flex flex-col">
         <view class="text-18 font-bold pb-15 text-center">系统公告</view>
         <view class="py-15 flex-1 overflow-y-auto">
@@ -215,7 +215,6 @@ const handleOpenAccount = async () => {
 <style scoped>
 .home-page {
   min-height: 100vh;
-  padding-bottom: 100rpx;
   background-image: url('@/static/images/home/bg.jpg');
   background-position: top;
   background-size: cover;

src/pages/login/index.vue

@@ -148,7 +148,7 @@ onLoad(() => {
 .login-container {
   box-sizing: border-box;
   min-height: 100vh;
-  padding-bottom: 200rpx;
+  padding-bottom: 50px;
   background-image: url('@/static/images/login-bg.png');
   background-repeat: no-repeat;
   background-size: cover;

src/pages/register/index.vue

@@ -158,7 +158,7 @@ onLoad(async (options) => {
 .login-container {
   box-sizing: border-box;
   min-height: 100vh;
-  padding-bottom: 200rpx;
+  padding-bottom: 50px;
   background-image: url('@/static/images/register-bg.jpg');
   background-repeat: no-repeat;
   background-size: cover;

vite.config.ts

@@ -113,12 +113,16 @@ export default ({ command, mode }) => {
     css: {
       postcss: {
         plugins: [
-          autoprefixer(),
+          autoprefixer({
+            overrideBrowserslist: ['Android >= 4.0', 'iOS >= 8'],
+          }),
           viewport({
+            mobileUnit: 'rem',
             appSelector: '#app',
+            // selectorBlackList: ['wd-'],
             viewportWidth: 375,
             maxDisplayWidth: 600,
-            rootContainingBlockSelectorList: ['van-tabbar', 'van-popup'],
+            // rootContainingBlockSelectorList: ['wd-navbar__title'],
             border: true,
           }),
         ],