update component classification (#90)

examples/app.vue

@@ -16,7 +16,8 @@
   body {
     font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
     overflow: auto;
-    font-weight: 300;
+    font-weight: 400;
+    -webkit-font-smoothing: antialiased;
   }
 
   a {
@@ -33,6 +34,7 @@
     border: solid 1px #eaeefb;
     margin-bottom: 25px;
     border-radius: 2px;
+    -webkit-font-smoothing: auto;
   }
 
   .main-cnt {

examples/nav.config.json

@@ -46,47 +46,6 @@
           "name": "按钮 (button)",
           "title": "Button 按钮",
           "description": "常用的操作按钮"
-        },
-        {
-          "path": "/dialog",
-          "name": "对话框 (dialog)",
-          "title": "Dialog 对话框",
-          "description": "在保留当前页面状态的情况下, 告知用户信息并承载相关操作。"
-        },
-        {
-          "path": "/message-box",
-          "name": "弹框 (message-box)",
-          "title": "Message Box 弹框"
-        },
-        {
-          "path": "/alert",
-          "name": "警告 (alert)",
-          "title": "Alert 警告",
-          "description": "用于页面中展示重要的提示信息"
-        },
-        {
-          "path": "/notification",
-          "name": "通知 (notification)",
-          "title": "Notification 通知",
-          "description": "悬浮出现在页面右上角, 显示全局的通知提醒消息"
-        },
-        {
-          "path": "/message",
-          "name": "消息提示 (message)",
-          "title": "Message 消息提示",
-          "description": "对用户的操作进行反馈提示,包含成功、反馈或错误等消息提示"
-        },
-        {
-          "path": "/loading",
-          "name": "加载 (loading)",
-          "title": "Loading 加载",
-          "description": "加载数据时显示"
-        },
-        {
-          "path": "/card",
-          "name": "卡片 (card)",
-          "title": "Card 卡片",
-          "description": "将信息聚合在卡片容器中展示"
         }
       ]
     },
@@ -185,18 +144,6 @@
           "title": "Tag 标签",
           "description": "Tag 标签"
         },
-        {
-          "path": "/tooltip",
-          "name": "文字提示 (tooltip)",
-          "title": "Tooltip 文字提示",
-          "description": "优雅地展示文字提示信息"
-        },
-        {
-          "path": "/popover",
-          "name": "弹出框 (popover)",
-          "title": "Popover 弹出框",
-          "description": "收纳具体内容和相关操作, 激活后弹出展现"
-        },
         {
           "path": "/progress",
           "name": "进度条 (progress)",
@@ -222,6 +169,40 @@
         }
       ]
     },
+    {
+      "groupName": "Notice",
+      "list": [
+        {
+          "path": "/alert",
+          "name": "警告 (alert)",
+          "title": "Alert 警告",
+          "description": "用于页面中展示重要的提示信息"
+        },
+        {
+          "path": "/loading",
+          "name": "加载 (loading)",
+          "title": "Loading 加载",
+          "description": "加载数据时显示"
+        },
+        {
+          "path": "/message",
+          "name": "消息提示 (message)",
+          "title": "Message 消息提示",
+          "description": "对用户的操作进行反馈提示,包含成功、反馈或错误等消息提示"
+        },
+        {
+          "path": "/message-box",
+          "name": "弹框 (message-box)",
+          "title": "Message Box 弹框"
+        },
+        {
+          "path": "/notification",
+          "name": "通知 (notification)",
+          "title": "Notification 通知",
+          "description": "悬浮出现在页面右上角, 显示全局的通知提醒消息"
+        }
+      ]
+    },
     {
       "groupName": "Nav",
       "list": [
@@ -255,6 +236,35 @@
           "description": "引导用户按照流程完成任务的分步导航条,可根据实际应用场景设定步骤,步骤不得少于 2 步。"
         }
       ]
+    },
+    {
+      "groupName": "Others",
+      "list": [
+        {
+          "path": "/dialog",
+          "name": "对话框 (dialog)",
+          "title": "Dialog 对话框",
+          "description": "在保留当前页面状态的情况下, 告知用户信息并承载相关操作。"
+        },
+        {
+          "path": "/tooltip",
+          "name": "文字提示 (tooltip)",
+          "title": "Tooltip 文字提示",
+          "description": "优雅地展示文字提示信息"
+        },
+        {
+          "path": "/popover",
+          "name": "弹出框 (popover)",
+          "title": "Popover 弹出框",
+          "description": "收纳具体内容和相关操作, 激活后弹出展现"
+        },
+        {
+          "path": "/card",
+          "name": "卡片 (card)",
+          "title": "Card 卡片",
+          "description": "将信息聚合在卡片容器中展示"
+        }
+      ]
     }]
   }
 ]

examples/pages/index.vue

@@ -43,9 +43,16 @@
     z-index: 10;
 
     h2 {
-      font-size: 80px;
+      font-size: 46px;
       margin: 0;
     }
+    
+    p {
+      font-size: 14px;
+      opacity: .8;
+      width: 420px;
+      line-height: 1.8;
+    }
   }
   .cards {
     margin: 0 auto 110px;
@@ -91,6 +98,7 @@
       font-size: 14px;
       color: #99a9bf;
       padding: 0 25px;
+      line-height: 1.8;
     }
     a {
       height: 53px;
@@ -140,9 +148,10 @@
       <img class="banner-stars" src="~examples/assets/images/stars.png" alt="Element">
       <div class="container">
         <div class="banner-desc">
-          <h2>Element</h2>
+          <h2>网站快速成型工具</h2>
           <div id="line1" class="actor"></div>
           <div id="line2" class="actor"></div>
+          <p>Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。</p>
         </div>
         <img src="~examples/assets/images/banner-bg.svg" alt="Element">
       </div>