add i-icon

WebApp-Lite/uni_modules/i-icon/changelog.md

@@ -0,0 +1,3 @@
+## 0.0.3（2021-02-05）
+## 新增
+* 支持uni_modules引入插件

WebApp-Lite/uni_modules/i-icon/package.json

@@ -0,0 +1,77 @@
+{
+    "id": "i-icon",
+    "name": "i-icon: uniapp生态最好的字体图标集，源于remixicon",
+    "version": "0.0.3",
+    "description": "uniapp生态最好的字体图标集，源于remixicon，图标由remixicon一一绘制，风格统一",
+    "keywords": [
+        "图标",
+        "icon",
+        "字体图标"
+    ],
+    "displayName": "i-icon: uniapp生态最好的字体图标集，源于remixicon",
+    "repository": "",
+    "engines": {
+        "HBuilderX": "^3.1.1"
+    },
+    "dcloudext": {
+        "category": [
+            "前端组件",
+            "通用组件"
+        ],
+        "sale": {
+            "regular": {
+                "price": "0.00"
+            },
+            "sourcecode": {
+                "price": "0.00"
+            }
+        },
+        "contact": {
+            "qq": ""
+        },
+        "declaration": {
+            "ads": "无",
+            "data": "无",
+            "permissions": "无"
+        },
+        "npmurl": ""
+    },
+    "uni_modules": {
+        "platforms": {
+            "cloud": {
+                "tcb": "y",
+                "aliyun": "y"
+            },
+            "client": {
+                "App": {
+                    "app-vue": "y",
+                    "app-nvue": "y"
+                },
+                "H5-mobile": {
+                    "Safari": "y",
+                    "Android Browser": "y",
+                    "微信浏览器(Android)": "y",
+                    "QQ浏览器(Android)": "y"
+                },
+                "H5-pc": {
+                    "Chrome": "y",
+                    "IE": "u",
+                    "Edge": "y",
+                    "Firefox": "y",
+                    "Safari": "y"
+                },
+                "小程序": {
+                    "微信": "y",
+                    "阿里": "u",
+                    "百度": "u",
+                    "字节跳动": "u",
+                    "QQ": "u"
+                },
+                "快应用": {
+                    "华为": "u",
+                    "联盟": "u"
+                }
+            }
+        }
+    }
+}

WebApp-Lite/uni_modules/i-icon/readme.md

@@ -0,0 +1,53 @@
+#i-icon图标集-最优质且统一风格的图标库，源于remixicon
+
+- [访问remixicon官网](https://remixicon.com/)
+- [特点](## 特点)
+- [使用说明](## 使用说明)
+
+## 特点
+- remixicon提倡全部开源，免费商用。
+- 每一个图标都由remixicon成员绘制，设计统一。
+- i-icon组件隶属于i-uniapp组件库，i-icon组件单独维护。
+- CDN引入，无需引入繁琐的字体等文件。
+- 支持NVue, Vue, 小程序，H5
+
+## 使用说明
+安装之后会在components目录下多一个i-uniapp的文件夹，文件夹结构如下:
+
+```
+-i-icon
+ -js
+  -- icon.js
+ - i-icon.vue
+ - readme.md
+```
+
+为了保证icon引入方便，我们可以利用easycom来自动引入: 
+page.json:
+
+```json
+"easycom": {
+	"autoscan": true,
+	"custom": {
+	    "^i-icon": "@/components/i-icon/i-icon.vue"
+	}
+},
+```
+
+组件提供如下props参数:
+
+| props | 类型 | 说明 |
+| :-----| ----: | :----: |
+| name | String | 图标名 |
+| color | String | 颜色填充/red/#fff |
+| size | String | 大小：px/rpx/upx |
+
+示例:
+
+```html
+<i-icon size="16px" color="#0067F5" name="lock-line"></i-icon>
+```
+
+图标类名请在[remixicon中搜索](https://remixicon.com/)
+
+提示: 不要在name中写入图标库的前缀ri，组件中已经处理好前缀，不用担心类名冲突的问题