优化 ios 样式兼容

components/tabbar.uvue

@@ -6,9 +6,9 @@
 			}
 		}"
 	>
-		<view class="tabbar" :class="{ 'is-dark': isDark }">
+		<view class="custom-tabbar" :class="{ 'is-dark': isDark }">
 			<view
-				class="tabbar-item"
+				class="custom-tabbar-item"
 				v-for="item in list"
 				:key="item.pagePath"
 				@tap="router.to(item.pagePath)"
@@ -39,6 +39,10 @@ import { ctx, isDark, parseClass, router } from "@/cool";
 import { t } from "@/locale";
 import { computed } from "vue";
 
+defineOptions({
+	name: "custom-tabbar"
+});
+
 type Item = {
 	icon: string;
 	icon2: string;
@@ -67,10 +71,10 @@ uni.hideTabBar();
 </script>
 
 <style lang="scss" scoped>
-.tabbar {
+.custom-tabbar {
 	@apply flex flex-row items-center flex-1;
 
-	.tabbar-item {
+	&-item {
 		@apply flex flex-col items-center justify-center flex-1;
 	}
 }