mirror of https://github.com/ElemeFE/element
update component classification (#90)
杨奕
cinwell.li
parent
380a2f7149
commit
a88f52e0d8
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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": "将信息聚合在卡片容器中展示"
|
||||
}
|
||||
]
|
||||
}]
|
||||
}
|
||||
]
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue