@mc-markets/ui 1.0.94 → 1.0.95

package/QUICK_START.md

@@ -40,7 +40,11 @@ export default defineConfig({
   plugins: [
     vue(),
     Components({
-      resolvers: [McMarketsUIResolver()]
+      resolvers: [
+        McMarketsUIResolver({
+          importStyle: 'css' // 自动导入样式（包括字体图标）
+        })
+      ]
     }),
     AutoImport({
       imports: ['vue', getMcMarketsUIImports()],
@@ -50,6 +54,14 @@ export default defineConfig({
 })
 ```
 
+**注意：** 如果样式未生效，请在 `src/main.js` 中手动导入：
+
+```javascript
+import '@mc-markets/ui/dist/style.css'
+import '@mc-markets/ui/styles/font'
+import '@mc-markets/ui/styles/colorfont'
+```
+
 ### 4. 更新 TypeScript 配置（如果使用 TS）
 
 修改 `tsconfig.json`，添加生成的类型文件：

package/USAGE_GUIDE.md

@@ -251,12 +251,26 @@ export default defineNuxtConfig({
 
 ### Q: 样式没有加载？
 
-**A:**
-1. 如果使用自动导入，确保 `McMarketsUIResolver` 的 `importStyle` 选项为 `true`（默认）
-2. 或者手动在 `main.js` 中导入：
-   ```javascript
-   import '@mc-markets/ui/dist/style.css'
-   ```
+**A:** 推荐使用以下方式确保样式正确加载：
+
+**方式1：手动导入（推荐，最可靠）**
+```javascript
+// main.js
+import '@mc-markets/ui/dist/style.css'
+import '@mc-markets/ui/styles/font'
+import '@mc-markets/ui/styles/colorfont'
+```
+
+**方式2：自动导入（配置 resolver）**
+```javascript
+Components({
+  resolvers: [
+    McMarketsUIResolver({
+      importStyle: 'css'  // 自动导入所有样式（主样式 + 字体图标）
+    })
+  ]
+})
+```
 
 ### Q: 如何使用 Element Plus 的原始组件？