fix: 修复全局预定义css影响问题

common/styles/app.base.scss

@@ -188,39 +188,39 @@ $spacing-sizes: (
 // 内边距类
 @each $name, $size in $spacing-sizes {
   // 全方向内边距：p-{size}
-  .p-#{$name} {
+  .uh-p-#{$name} {
     padding: $size !important;
   }
 
   // 水平方向内边距：px-{size}
-  .px-#{$name} {
+  .uh-px-#{$name} {
     padding-left: $size !important;
     padding-right: $size !important;
   }
 
   // 垂直方向内边距：py-{size}
-  .py-#{$name} {
+  .uh-py-#{$name} {
     padding-top: $size !important;
     padding-bottom: $size !important;
   }
 
   // 上内边距：pt-{size}
-  .pt-#{$name} {
+  .uh-pt-#{$name} {
     padding-top: $size !important;
   }
 
   // 右内边距：pr-{size}
-  .pr-#{$name} {
+  .uh-pr-#{$name} {
     padding-right: $size !important;
   }
 
   // 下内边距：pb-{size}
-  .pb-#{$name} {
+  .uh-pb-#{$name} {
     padding-bottom: $size !important;
   }
 
   // 左内边距：pl-{size}
-  .pl-#{$name} {
+  .uh-pl-#{$name} {
     padding-left: $size !important;
   }
 }
@@ -228,39 +228,39 @@ $spacing-sizes: (
 //外边距工具类
 @each $name, $size in $spacing-sizes {
   // 全方向外边距：m-{size}
-  .m-#{$name} {
+  .uh-m-#{$name} {
     margin: $size !important;
   }
 
   // 水平方向外边距：mx-{size}
-  .mx-#{$name} {
+  .uh-mx-#{$name} {
     margin-left: $size !important;
     margin-right: $size !important;
   }
 
   // 垂直方向外边距：my-{size}
-  .my-#{$name} {
+  .uh-my-#{$name} {
     margin-top: $size !important;
     margin-bottom: $size !important;
   }
 
   // 上外边距：mt-{size}
-  .mt-#{$name} {
+  .uh-mt-#{$name} {
     margin-top: $size !important;
   }
 
   // 右外边距：mr-{size}
-  .mr-#{$name} {
+  .uh-mr-#{$name} {
     margin-right: $size !important;
   }
 
   // 下外边距：mb-{size}
-  .mb-#{$name} {
+  .uh-mb-#{$name} {
     margin-bottom: $size !important;
   }
 
   // 左外边距：ml-{size}
-  .ml-#{$name} {
+  .uh-ml-#{$name} {
     margin-left: $size !important;
   }
 }
@@ -268,17 +268,17 @@ $spacing-sizes: (
 // gap 类
 @each $name, $size in $spacing-sizes {
   // 全方向gap：gap-{size}
-  .gap-#{$name} {
+  .uh-gap-#{$name} {
     gap: $size !important;
   }
 
   // 水平方向gap：gap-x-{size}
-  .gap-x-#{$name} {
+  .uh-gap-x-#{$name} {
     column-gap: $size !important;
   }
 
   // 垂直方向gap：gap-y-{size}
-  .gap-y-#{$name} {
+  .uh-gap-y-#{$name} {
     row-gap: $size !important;
   }
 }

pagesA/vote-detail/vote-detail.vue

@@ -72,7 +72,7 @@
 									</template>
 								</tm-radio>
 							</tm-groupradio> -->
-							<view class="w-full flex flex-col gap-8">
+							<view class="w-full flex flex-col uh-gap-8">
 								<tm-button v-for="(option,optionIndex) in vote.spec.options" :key="optionIndex"
 									:shadow="0" :theme="option.checked?'light-blue':'grey-lighten-3'" :plan="false"
 									size="m" :height="72" :block="true" class="flex-1 w-full"
@@ -109,7 +109,7 @@
 								</tm-checkbox>
 							</tm-groupcheckbox> -->
 
-							<view class="w-full flex flex-col gap-8">
+							<view class="w-full flex flex-col uh-gap-8">
 								<tm-button v-for="(option,optionIndex) in vote.spec.options" :key="optionIndex"
 									:shadow="0" :theme="option.checked?'light-blue':'grey-lighten-3'" :plan="false"
 									size="m" :height="72" :block="true" class="flex-1 full"
@@ -157,7 +157,7 @@
 								</tm-groupradio> -->
 
 
-								<view class="w-full flex flex-between gap-8">
+								<view class="w-full flex flex-between uh-gap-8">
 									<tm-button v-for="(option,optionIndex) in vote.spec.options" :key="optionIndex"
 										:shadow="0" :theme="option.checked?'light-blue':'grey-lighten-3'" :plan="false"
 										size="m" :height="72" :block="true" class="flex-1"

pagesA/votes/votes.vue

@@ -12,7 +12,7 @@
 					@confirm="fnOnFilterConfirm"></tm-dropDownMenu>
 			</view>
 			<!-- 占位区域 -->
-			<view style="width: 100vw;height: 210rpx;"></view>
+			<view style="width: 100vw;height: 180rpx;"></view>
 			<!-- 加载区域 -->
 			<view v-if="loading == 'loading'" class="loading-wrap pa-24">
 				<tm-skeleton model="listAvatr"></tm-skeleton>