fix: 修复安卓手机异常

src/App.vue

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

src/components/NavBar.vue

@@ -22,9 +22,4 @@ const handleClickLeft = () => {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss"></style>
-:deep(.wd-navbar) {
-  --wot-navbar-title-font-size: 32rpx;
-  // --wot-navbar-title-font-weight: 400;
-}
-</style>

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

@@ -31,7 +31,7 @@ onLoad(async () => {
 <style>
 .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

@@ -120,7 +120,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/index/index.vue

@@ -66,7 +66,7 @@
     </view>
     <wd-popup
       v-model="showRealName"
-      custom-style="border-radius:32rpx;"
+      custom-style="border-radius:0.2rem;"
       :close-on-click-modal="false"
       lockScroll
     >
@@ -77,7 +77,7 @@
         @click="handleRealName"
       />
     </wd-popup>
-    <wd-popup closable v-model="showReward" custom-style="border-radius:32rpx;">
+    <wd-popup closable v-model="showReward" custom-style="border-radius:0.2rem;">
       <image
         class="w-300 h-416"
         src="@/static/images/reward-bg.jpg"
@@ -158,7 +158,7 @@ onShow(async () => {
 <style>
 .home-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/invest/index.vue

@@ -120,13 +120,13 @@ const onInvest = mergeStep(async (item: any) => {
   background-image: url('@/static/images/invest/bg.png');
   background-repeat: no-repeat;
   background-attachment: fixed;
-  background-position: top -80rpx center;
+  background-position: top -40px center;
   background-size: 100%;
 }
 .invest-item {
-  width: 690rpx;
+  width: 345px;
-  height: 352rpx;
+  height: 176px;
-  margin: 0 auto 30rpx;
+  margin: 0 auto 15px;
   background-image: url('@/static/images/invest/item-bg.png');
   background-repeat: no-repeat;
   background-position: center;

src/pages/login/index.vue

@@ -114,7 +114,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/my/index.vue

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

src/pages/register/index.vue

@@ -176,7 +176,7 @@ onLoad(async (options) => {
 .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;

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,
           }),
         ],