doc: demo update

demo/components/iconDemo.vue

@@ -0,0 +1,40 @@
+<template>
+  <div class="doc">
+    <h1>n-icon</h1>
+    <hr>
+    <h2>基本用法</h2>
+    <n-icon type="md-search" />
+    <br>
+    <textarea rows="5"><n-icon type="md-search" /></textarea>
+    <hr>
+    <h2>自定义属性</h2>
+    <n-icon
+      type="md-search"
+      size="40"
+      color="#ff0000"
+    />
+    <br>
+    <textarea rows="5"><n-icon type="md-search" size="40" color="#ff0000"></n-icon></textarea>
+    <hr>
+    <h2>备注</h2>
+    <p>type 都有啥可参考<a href="https://www.iviewui.com/components/icon">icon type</a></p>
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style scoped lang="scss">
+.doc {
+  width: 900px;
+  margin: auto;
+  textarea {
+    width: 100%;
+    min-height: 3em;
+  }
+}
+
+</style>

demo/demo.vue

@@ -12,6 +12,14 @@
       <router-link to="/n-gradient-text">
         渐变文字 / n-gradient-text
       </router-link>
+      <br>
+      <router-link to="/n-gradient-button">
+        (不可用)渐变按钮 / n-gradient-button
+      </router-link>
+      <br>
+      <router-link to="/n-icon">
+        图标 / n-icon
+      </router-link>
     </div>
   </div>
 </template>
@@ -29,8 +37,4 @@ export default {
   display: flex;
   align-items: center;
 }
-
-.section {
-
-}
 </style>

demo/index.js

@@ -20,6 +20,7 @@ import ServiceLayout from 'packages/nimbus/ServiceLayout'
 import sideMenuDemo from './components/sideMenuDemo'
 import homeDemo from './components/homeDemo'
 import gradientTextDemo from './components/gradientTextDemo'
+import iconDemo from './components/iconDemo'
 import demo from './demo'
 
 Vue.use(VueRouter)
@@ -42,7 +43,8 @@ const routes = [
   { path: '/', component: demo },
   { path: '/n-nimbus-service-layout', component: sideMenuDemo },
   { path: '/n-nimbus-home-layout', component: homeDemo },
-  { path: '/n-gradient-text', component: gradientTextDemo }
+  { path: '/n-gradient-text', component: gradientTextDemo },
+  { path: '/n-icon', component: iconDemo }
 ]
 
 const router = new VueRouter({