fix: 🐛 修复微信小程序部分样式展示异常的问题

Author: viarotel

pages.config.js

@@ -1,5 +1,5 @@
 import { defineUniPages } from '@uni-helper/vite-plugin-uni-pages'
-import { appName } from './src/settings/index.mjs'
+import { appName, primaryColor } from './src/settings/index.mjs'
 
 export default defineUniPages({
   easycom: {
@@ -143,7 +143,7 @@ export default defineUniPages({
   ],
   tabBar: {
     color: '#999999',
-    selectedColor: '#018d71',
+    selectedColor: primaryColor,
     backgroundColor: '#FFFFFF',
     list: [
       {

src/pages.json

@@ -143,7 +143,7 @@
   ],
   "tabBar": {
     "color": "#999999",
-    "selectedColor": "#018d71",
+    "selectedColor": "#028d71",
     "backgroundColor": "#FFFFFF",
     "list": [
       {

src/pages/index/example/index.vue

@@ -34,7 +34,7 @@ const activeTabItem = computed(() => tabModel[tabIndex.value].children)
   <view class="h-full flex flex-col overflow-hidden">
     <view class="h-[--safe-top] flex-none uni-mp:mt-4"></view>
 
-    <view class="flex flex-none bg-white px-3 py-2 uni-mp:pr-[var(--safe-right)]">
+    <view class="flex flex-none bg-white px-3 py-2 !uni-mp:pr-[var(--safe-right)]">
       <view v-for="(item, index) of tabModel" :key="index" class="h-10 w-0 flex flex-1 items-center justify-center rounded-lg" :class="[tabIndex === index ? 'bg-primary-50 text-primary-600 font-bold' : '']" @click="onTabClick(index)">
         {{ item.label }}
       </view>

src/pages/login/index.vue

@@ -117,21 +117,23 @@ function onProjectClick() {
           </view>
         </view>
 
-        <view class="space-y-6">
-          <button
-            class="relative w-full overflow-hidden rounded-2xl from-primary-500 to-primary-400 bg-gradient-to-r px-6 py-4 font-semibold shadow-lg transition-all duration-200 active:scale-98 disabled:cursor-not-allowed !text-white disabled:opacity-70"
-            :class="{ 'shadow-xl': !isLoading }"
-            :disabled="isLoading"
-            @click="onLoginClick"
-          >
-            <view class="flex items-center justify-center space-x-3">
-              <view v-if="isLoading" class="i-carbon-fade h-5 w-5 animate-spin bg-white"></view>
-              <view v-else class="i-carbon-phone h-5 w-5"></view>
-              <text>{{ isLoading ? '登录中...' : '手机号快捷登录' }}</text>
-            </view>
-
-            <view class="absolute inset-0 from-transparent via-white to-transparent bg-gradient-to-r opacity-0 transition-all duration-500 -translate-x-full group-active:translate-x-full group-active:opacity-20"></view>
-          </button>
+        <view class="space-y-4">
+          <view class="">
+            <button
+              class="relative w-full overflow-hidden rounded-2xl from-primary-500 to-primary-400 bg-gradient-to-r px-6 py-4 font-semibold shadow-lg transition-all duration-200 active:scale-98 disabled:cursor-not-allowed !text-white disabled:opacity-70"
+              :class="{ 'shadow-xl': !isLoading }"
+              :disabled="isLoading"
+              @click="onLoginClick"
+            >
+              <view class="flex items-center justify-center space-x-3">
+                <view v-if="isLoading" class="i-carbon-fade h-5 w-5 animate-spin bg-white"></view>
+                <view v-else class="i-carbon-phone h-5 w-5"></view>
+                <text>{{ isLoading ? '登录中...' : '手机号快捷登录' }}</text>
+              </view>
+
+              <view class="absolute inset-0 from-transparent via-white to-transparent bg-gradient-to-r opacity-0 transition-all duration-500 -translate-x-full group-active:translate-x-full group-active:opacity-20"></view>
+            </button>
+          </view>
 
           <view class="flex items-center px-2 space-x-2">
             <view