@mc-markets/ui 1.0.93 → 1.0.94

package/README.md

@@ -115,23 +115,29 @@ export default defineConfig({
 ```javascript
 import { createApp } from 'vue'
 import App from './App.vue'
-// 导入组件库样式
+
+// 导入组件库样式（必需）
 import '@mc-markets/ui/dist/style.css'
 
+// 导入字体图标样式（如果使用图标组件）
+import '@mc-markets/ui/styles/font'
+import '@mc-markets/ui/styles/colorfont'
+
 createApp(App).mount('#app')
 ```
 
-**其他样式导入方式：**
+**自动导入样式（推荐）：**
 
-```javascript
-// 方式1：导入编译后的 CSS（推荐，体积更小）
-import '@mc-markets/ui/dist/style.css'
+配置 resolver 的 `importStyle: 'css'` 后，会自动导入以下文件：
+- `@mc-markets/ui/dist/style.css` - 主样式文件
+- `@mc-markets/ui/styles/font` - 字体图标样式
+- `@mc-markets/ui/styles/colorfont` - 彩色字体图标样式
 
-// 方式2：导入 SCSS 源文件（可自定义变量）
-import '@mc-markets/ui/packages/styles/index.scss'
-
-// 方式3：通过 resolver 自动导入（会在第一个组件导入时自动引入）
-// 在 vite.config.js 中配置 importStyle: 'css'
+```javascript
+// vite.config.js
+McMarketsUIResolver({
+  importStyle: 'css'  // 自动导入所有必需的样式
+})
 ```
 
 #### 4. 配置 Webpack（Vue CLI）