ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-18 09:24:25 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

vant components

Browse Source
This commit is contained in:
cookfront
2017-04-19 17:44:57 +08:00
parent c6014ad62d
commit 06e333eb3e
145 changed files with 1679 additions and 1619 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/button/package.json
View File

@@ -1,5 +1,5 @@
{
"name": "@youzan/zan-button",
"name": "@youzan/van-button",
"version": "0.0.1",
"description": "button component",
"main": "./index.js",

28
packages/button/src/button.js
View File

@@ -8,7 +8,7 @@
* @param {slot} - 显示文本
*
* @example
* <zan-button size="large" type="primary">按钮</zan-button>
* <van-button size="large" type="primary">按钮</van-button>
*/
import ZanLoading from 'packages/loading';
@@ -17,10 +17,10 @@ const ALLOWED_SIZE = ['mini', 'small', 'normal', 'large'];
const ALLOWED_TYPE = ['default', 'danger', 'primary'];
export default {
name: 'zan-button',
name: 'van-button',
components: {
'zan-loading': ZanLoading
'van-loading': ZanLoading
},
props: {
@@ -65,28 +65,28 @@ export default {
type={nativeType}
disabled={disabled}
class={[
'zan-button',
'zan-button--' + type,
'zan-button--' + size,
'van-button',
'van-button--' + type,
'van-button--' + size,
{
'zan-button--disabled': disabled,
'zan-button--loading': loading,
'zan-button--block': block,
'zan-button--bottom-action': bottomAction
'van-button--disabled': disabled,
'van-button--loading': loading,
'van-button--block': block,
'van-button--bottom-action': bottomAction
}
]}
onClick={this.handleClick}
>
{
loading
? <zan-loading
class="zan-button__icon-loading"
? <van-loading
class="van-button__icon-loading"
type="circle"
color={type === 'default' ? 'black' : 'white'}>
</zan-loading>
</van-loading>
: null
}
<span class="zan-button__text">{this.$slots.default}</span>
<span class="van-button__text">{this.$slots.default}</span>
</Tag>
);
}