vant components

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

View File

@@ -1,8 +1,8 @@
<template>
<zan-badge-group>
<zan-badge title="热销榜" info="8" @click="onItemClick"></zan-badge>
<zan-badge title="手握寿司" info="199" @click="onItemClick"></zan-badge>
</zan-badge-group>
<van-badge-group>
<van-badge title="热销榜" info="8" @click="onItemClick"></van-badge>
<van-badge title="手握寿司" info="199" @click="onItemClick"></van-badge>
</van-badge-group>
</template>
<script>
@@ -11,8 +11,8 @@ import BadgeGroup from 'packages/badge-group';
export default {
components: {
'zan-badge': Badge,
'zan-badge-group': BadgeGroup
'van-badge': Badge,
'van-badge-group': BadgeGroup
},
methods: {

View File

@@ -1,7 +1,7 @@
<template>
<zan-checkbox-group v-model="result">
<zan-checkbox v-for="item in list" :name="item">复选框{{item}}</zan-checkbox>
</zan-checkbox-group>
<van-checkbox-group v-model="result">
<van-checkbox v-for="item in list" :name="item">复选框{{item}}</van-checkbox>
</van-checkbox-group>
</template>
<script>
@@ -10,8 +10,8 @@ import CheckboxGroup from 'packages/checkbox-group';
export default {
components: {
'zan-checkbox': Checkbox,
'zan-checkbox-group': CheckboxGroup
'van-checkbox': Checkbox,
'van-checkbox-group': CheckboxGroup
},
data() {

View File

@@ -1,8 +1,8 @@
<template>
<zan-radio-group v-model="radio">
<zan-radio name="1">单选框1</zan-radio>
<zan-radio name="2">单选框2</zan-radio>
</zan-radio-group>
<van-radio-group v-model="radio">
<van-radio name="1">单选框1</van-radio>
<van-radio name="2">单选框2</van-radio>
</van-radio-group>
</template>
<script>
@@ -11,8 +11,8 @@ import RadioGroup from 'packages/radio-group';
export default {
components: {
'zan-radio': Radio,
'zan-radio-group': RadioGroup
'van-radio': Radio,
'van-radio-group': RadioGroup
},
data() {

View File

@@ -1,10 +1,10 @@
<template>
<zan-steps :active="active">
<zan-step>买家下单</zan-step>
<zan-step>商家接单</zan-step>
<zan-step>买家提货</zan-step>
<zan-step>交易完成</zan-step>
</zan-steps>
<van-steps :active="active">
<van-step>买家下单</van-step>
<van-step>商家接单</van-step>
<van-step>买家提货</van-step>
<van-step>交易完成</van-step>
</van-steps>
</template>
<script>
@@ -13,8 +13,8 @@ import Step from 'packages/step';
export default {
components: {
'zan-step': Step,
'zan-steps': Steps
'van-step': Step,
'van-steps': Steps
},
data() {

View File

@@ -1,11 +1,11 @@
<template>
<zan-tabs>
<zan-tab title="选项一">内容一</zan-tab>
<zan-tab title="选项二" disabled>内容二</zan-tab>
<zan-tab title="选项三">内容三</zan-tab>
<zan-tab title="选项四">内容四</zan-tab>
<zan-tab title="选项五">内容五</zan-tab>
</zan-tabs>
<van-tabs>
<van-tab title="选项一">内容一</van-tab>
<van-tab title="选项二" disabled>内容二</van-tab>
<van-tab title="选项三">内容三</van-tab>
<van-tab title="选项四">内容四</van-tab>
<van-tab title="选项五">内容五</van-tab>
</van-tabs>
</template>
<script>
@@ -14,8 +14,8 @@ import Tabs from 'packages/tabs';
export default {
components: {
'zan-tab': Tab,
'zan-tabs': Tabs
'van-tab': Tab,
'van-tabs': Tabs
}
};
</script>