From 7aa71895dd220da79d1c3d2104a51f1a30b2b3f0 Mon Sep 17 00:00:00 2001
From: liuxiaohang <283700113@qq.com>
Date: Sun, 10 Nov 2024 10:32:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20uni=20icon=20=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/css/common/at-rules.md | 46 ++++++++++++++++++-------------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/docs/css/common/at-rules.md b/docs/css/common/at-rules.md
index eef4ce88..6b8b111a 100644
--- a/docs/css/common/at-rules.md
+++ b/docs/css/common/at-rules.md
@@ -2,7 +2,7 @@
 
 <!-- CSSJSON.at_rules_values.compatibility -->
 
-## 字体  
+## 字体 @font
 
 @font-face自定义字体示例：
 ```html
@@ -14,35 +14,35 @@
 </style>
 ```
 
-### 内置字体图标 uni-icon @uniicon  
-> HBuilderX4.33版本开始 app-android、app-ios平台支持内置字体图标 uni-icon  
+### 内置字体图标 uni-icon @uniicon
+> HBuilderX4.33版本开始 app-android、app-ios平台支持内置字体图标 uni-icon
 
 内置 `uni-icon` 字体图标示例：
 ```html
 <template>
-  <!-- #ifdef APP -->
-  <scroll-view style="flex: 1;">
+  <!-- #ifdef APP -->
+  <scroll-view style="flex: 1;">
   <!-- #endif -->
 
   <text style="font-family: uni-icon;font-size: 64px;">{{uniIcon}}</text>
 
-  <!-- #ifdef APP -->
-  </scroll-view>
-  <!-- #endif -->
-</template>
-
+  <!-- #ifdef APP -->
+  </scroll-view>
+  <!-- #endif -->
+</template>
+
 <script lang="uts">
-  export default {
-    data() {
-      return {
-        uniIcon: '\ue605'
-      }
-    }
-  }
+  export default {
+    data() {
+      return {
+        uniIcon: '\ue605'
+      }
+    }
+  }
 </script>
 ```
 
-内置 `uni-icon` 包括以下图标：  
+内置 `uni-icon` 包括以下图标：
 
 <div class="iconSample">
   <div class="iconContainer">
@@ -162,13 +162,13 @@
 .iconSample {
     background-color: #f8f8f8;
 }
-.iconContainer {
+.iconSample .iconContainer {
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   display: flex;
 }
-.iconItem {
+.iconSample .iconItem {
   width: 100px;
   height: 150px;
   align-items: center;
@@ -177,7 +177,7 @@
   flex-direction: column;
   justify-content: center;
 }
-.icon {
+.iconSample .icon {
   width: 48px;
   height: 48px;
   font-family: uni-icon;
@@ -187,12 +187,12 @@
   margin-bottom: 8px;
   display: block;
 }
-.code {
+.iconSample .code {
   font-size: 14px;
   color: #f00;
   display: block;
 }
-.name {
+.iconSample .name {
   font-size: 12px;
   color: #000;
   display: block;
-- 
GitLab