This commit is contained in:
niunai
2017-02-27 20:23:53 +08:00
parent 1ce906d7bb
commit 5c085f2fb7
13 changed files with 22 additions and 19021 deletions

View File

@@ -2,7 +2,7 @@
<div class="page-button">
<h1 class="page-title">Button</h1>
<h2 class="page-sub-title">按钮功能</h2>
<div class="page-button__group">
<div class="z-button-group">
<div class="z-button-1">
<z-button>default</z-button>
</div>
@@ -15,19 +15,19 @@
</div>
<h2 class="page-sub-title">禁用状态</h2>
<div class="page-button__group">
<div class="z-button-group">
<div class="z-button-1">
<z-button disabled>diabled</z-button>
</div>
</div>
<h2 class="page-sub-title">按钮尺寸</h2>
<div class="page-button__group">
<div class="z-button-group">
<div class="z-button-1">
<z-button size="large">large</z-button>
</div>
</div>
<div class="page-button__group">
<div class="z-button-group">
<div class="z-button-3">
<z-button type="primary">normal</z-button>
</div>
@@ -40,14 +40,14 @@
</div>
<h2 class="page-sub-title">自定义按钮标签</h2>
<div class="page-button__group">
<div class="z-button-group">
<div class="z-button-1">
<z-button tag="a" type="primary" href="https://www.youzan.com" target="_blank">a标签按钮</z-button>
</div>
</div>
<h2 class="page-sub-title">button group</h2>
<div class="page-button__group">
<div class="z-button-group">
<z-button type="primary" size="small">确认付款</z-button>
<z-button size="small">确认收货</z-button>
<z-button size="small">取消订单</z-button>
@@ -59,12 +59,14 @@
@component-namespace page {
@b button {
padding: 0 20px;
@e group {
.z-button-1 {
margin-bottom: 10px;
}
}
}
@component-namespace z {
@b button-group {
.z-button-1 {
margin-bottom: 10px;
}
}
}
</style>