sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: 659d6d98fc932ccba8cc52c0df21a8d5b0c6327c [formerly 2d84b342a1f747ee1b89dc5042f8fe601690d524] [formerly 659d6d98fc932ccba8cc52c0df21a8d5b0c6327c [formerly 2d84b342a1f747ee1b89dc5042f8fe601690d524] [formerly 659d6d98fc932ccba8cc52c0df21a8d5b0c6327c [formerly 2d84b342a1f747ee1b89dc5042f8fe601690d524] [formerly 2d84b342a1f747ee1b89dc5042f8fe601690d524 [formerly 13a983d08e04bc458e4084e000965c5f6f61f749 [formerly 59cf4ec9f4d5aad08fdf0dcad1e740fdc778655c]]]]]
Former-commit-id: 24b3be3657964f68c4639c76618232caf8186f69
Former-commit-id: ef7b5a4e02c590f5071e4072b125734fef912a6b
Former-commit-id: 821b320432d3dc7740eaae0f8f65a7a23567295b [formerly 87f8b5f8c001f7a842f15562d75b0b3ef6a4f1af]
Former-commit-id: 84db370247c9ce4166a745a8b29bfb615e1d28e5
Former-commit-id: 751f87983b70f29ed51814f0be7768bccf9c8132
Former-commit-id: c19f2c1f27b40b78329733de7c5aafdf8442c3ea
Former-commit-id: de2f936928e1dbf1504963363d85603e64caa215
Former-commit-id: 5a4b4cca6d2f656e8d0b525b689cf26fc3cc0a9a
This commit is contained in:
liyang
2018-06-17 21:52:38 +08:00
parent 524fb55a49
commit b06fb1993c
1 changed files with 70 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/pages/demo/element/basic-button/index.vue
View File

@@ -1,6 +1,7 @@
<template>
<d2-container>
<h1 class="d2-mt-0">基础用法</h1>
<el-row class="d2-mb">
<el-button>默认按钮</el-button>
<el-button type="primary">主要按钮</el-button>
@@ -9,7 +10,6 @@
<el-button type="warning">警告按钮</el-button>
<el-button type="danger">危险按钮</el-button>
</el-row>
<el-row class="d2-mb">
<el-button plain>朴素按钮</el-button>
<el-button type="primary" plain>主要按钮</el-button>
@@ -18,7 +18,6 @@
<el-button type="warning" plain>警告按钮</el-button>
<el-button type="danger" plain>危险按钮</el-button>
</el-row>
<el-row class="d2-mb">
<el-button round>圆角按钮</el-button>
<el-button type="primary" round>主要按钮</el-button>
@@ -27,8 +26,7 @@
<el-button type="warning" round>警告按钮</el-button>
<el-button type="danger" round>危险按钮</el-button>
</el-row>
<el-row class="d2-mb">
<el-row>
<el-button icon="el-icon-search" circle></el-button>
<el-button type="primary" icon="el-icon-edit" circle></el-button>
<el-button type="success" icon="el-icon-check" circle></el-button>
@@ -36,6 +34,73 @@
<el-button type="warning" icon="el-icon-star-off" circle></el-button>
<el-button type="danger" icon="el-icon-delete" circle></el-button>
</el-row>
<h1>禁用状态</h1>
<el-row class="d2-mb">
<el-button disabled>默认按钮</el-button>
<el-button type="primary" disabled>主要按钮</el-button>
<el-button type="success" disabled>成功按钮</el-button>
<el-button type="info" disabled>信息按钮</el-button>
<el-button type="warning" disabled>警告按钮</el-button>
<el-button type="danger" disabled>危险按钮</el-button>
</el-row>
<el-row>
<el-button plain disabled>朴素按钮</el-button>
<el-button type="primary" plain disabled>主要按钮</el-button>
<el-button type="success" plain disabled>成功按钮</el-button>
<el-button type="info" plain disabled>信息按钮</el-button>
<el-button type="warning" plain disabled>警告按钮</el-button>
<el-button type="danger" plain disabled>危险按钮</el-button>
</el-row>
<h1>文字按钮</h1>
<el-row>
<el-button type="text">文字按钮</el-button>
<el-button type="text" disabled>文字按钮</el-button>
</el-row>
<h1>图标按钮</h1>
<el-row>
<el-button type="primary" icon="el-icon-edit"></el-button>
<el-button type="primary" icon="el-icon-share"></el-button>
<el-button type="primary" icon="el-icon-delete"></el-button>
<el-button type="primary" icon="el-icon-search">搜索</el-button>
<el-button type="primary">上传<i class="el-icon-upload el-icon--right"></i></el-button>
</el-row>
<h1>按钮组</h1>
<el-row>
<el-button-group>
<el-button type="primary" icon="el-icon-arrow-left">上一页</el-button>
<el-button type="primary">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
</el-button-group>
<el-button-group>
<el-button type="primary" icon="el-icon-edit"></el-button>
<el-button type="primary" icon="el-icon-share"></el-button>
<el-button type="primary" icon="el-icon-delete"></el-button>
</el-button-group>
</el-row>
<h1>加载中</h1>
<el-row>
<el-button type="primary" :loading="true">加载中</el-button>
</el-row>
<h1>不同尺寸</h1>
<el-row>
<el-row class="d2-mb">
<el-button>默认按钮</el-button>
<el-button size="medium">中等按钮</el-button>
<el-button size="small">小型按钮</el-button>
<el-button size="mini">超小按钮</el-button>
</el-row>
<el-row>
<el-button round>默认按钮</el-button>
<el-button size="medium" round>中等按钮</el-button>
<el-button size="small" round>小型按钮</el-button>
<el-button size="mini" round>超小按钮</el-button>
</el-row>
</el-row>
</d2-container>
</template>