!81 progress组件新增环形模式,cascader组件依赖于dropdown与lay-scroll

Merge pull request !81 from 0o张不歪o0/next
This commit is contained in:
就眠儀式
2022-06-21 08:05:50 +00:00
committed by Gitee
6 changed files with 161 additions and 67 deletions

View File

@@ -13,7 +13,7 @@
::: demo 使用 `lay-cascader` 标签创建级联选择器
<template>
<lay-cascader :options="options" v-model="value" placeholder="点我试一试"></lay-cascader>
<lay-cascader :options="options" v-model="value" placeholder="点我试一试" style="width:250px"></lay-cascader>
<br>
<span>输出的值:{{value}}</span>
</template>
@@ -297,7 +297,7 @@ const options = [
:::
::: demo 使用 `decollator` 属性 自定义分割符号
<template>
<lay-cascader :options="options" v-model="value1" decollator="-" placeholder="我可以自定义分割符号"></lay-cascader>
<lay-cascader :options="options" v-model="value1" decollator="-" placeholder="我可以自定义分割符号" style="width:250px"></lay-cascader>
<br>
<span>输出的值:{{value1}}</span>
</template>

View File

@@ -119,6 +119,31 @@ export default {
:::
::: title 环形进度条
:::
::: demo
<template>
<lay-progress percent="70" circle :show-text="showText" style="margin-right:10px"></lay-progress>
<lay-progress percent="60" circle :show-text="showText" text="销售量"></lay-progress>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const showText = ref(true)
return {
showText
}
}
}
</script>
:::
::: title Progress 属性
:::
@@ -131,7 +156,8 @@ export default {
| size | 尺寸 | `big` |
| text | 提示 | -- |
| color | 颜色 | -- |
| showText | 展示描述 | -- |
| showText | 展示描述 | -- |
|circle | 环形进度条| 默认为 `false` |
:::