ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-12-24 02:02:09 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

[Improvement] Rate: rename component (#1002)

Browse Source
This commit is contained in:
neverland
2018-05-06 21:48:37 +08:00
committed by GitHub
parent a85747a248
commit 967c5339b8
13 changed files with 137 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
docs/demos/views/rate.vue Normal file
View File

@@ -0,0 +1,52 @@
<template>
<demo-section>
<demo-block :title="$t('basicUsage')">
<van-rate v-model="valueA" />
</demo-block>
<demo-block :title="$t('customColor')">
<van-rate
v-model="valueB"
:size="25"
:todal="6"
:color="'#2ba'"
:default-color="'#ceefe8'"
/>
</demo-block>
<demo-block :title="$t('disabled')">
<van-rate disabled v-model="valueC" />
</demo-block>
</demo-section>
</template>
<script>
export default {
i18n: {
'zh-CN': {
disabled: '禁用状态',
customColor: '自定义颜色'
},
'en-US': {
disabled: 'Disabled',
customColor: 'Custom Color'
}
},
data() {
return {
valueA: 3,
valueB: 4,
valueC: 2
};
}
};
</script>
<style lang="postcss">
.demo-rate {
.van-rate {
margin-left: 15px;
}
}
</style>

83
docs/demos/views/star-rate.vue
View File

@@ -1,83 +0,0 @@
<template>
<demo-section>
<demo-block :title="$t('basicUsage')">
<div class="padding-15">
<van-star-rate
:total="totalA"
v-model="valueA"
:size="size"
/>
</div>
</demo-block>
<demo-block :title="$t('customColor')">
<div class="padding-15">
<van-star-rate
:total="totalB"
v-model="valueB"
:size="24"
:color="'#2ba'"
:default-color="'#ceefe8'"
/>
</div>
</demo-block>
<demo-block :title="$t('disabled')">
<div class="padding-15">
<van-star-rate
disabled
:total="totalC"
v-model="valueC"
/>
</div>
</demo-block>
</demo-section>
</template>
<script>
export default {
i18n: {
'zh-CN': {
disabled: '不可操作状态',
customColor: '自定义颜色'
},
'en-US': {
disabled: 'Disabled Component',
customColor: 'Custom Color'
}
},
data() {
return {
size: 30,
totalA: 7,
valueA: 5,
totalB: 6,
valueB: 4,
totalC: 8,
valueC: 2
};
},
methods: {
onSearch() {
Toast(this.value);
},
onCancel() {
Toast(this.$t('cancel'));
}
}
};
</script>
<style lang="postcss">
.demo-search {
.van-search__action div {
padding: 0 10px;
}
}
.padding-15 {
padding: 0 15px;
}
</style>