mirror of
https://github.com/youzan/vant.git
synced 2026-05-16 01:07:43 +08:00
docs: make document more compact
This commit is contained in:
+14
-8
@@ -65,17 +65,23 @@ export default {
|
||||
### Custom button
|
||||
|
||||
```html
|
||||
<van-slider
|
||||
v-model="value"
|
||||
active-color="#ee0a24"
|
||||
>
|
||||
<div
|
||||
slot="button"
|
||||
class="custom-button"
|
||||
>
|
||||
<van-slider v-model="value" active-color="#ee0a24">
|
||||
<div slot="button" class="custom-button">
|
||||
{{ value }}
|
||||
</div>
|
||||
</van-slider>
|
||||
|
||||
<style>
|
||||
.custom-button {
|
||||
width: 26px;
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
background-color: #ee0a24;
|
||||
border-radius: 100px;
|
||||
}
|
||||
</style>
|
||||
```
|
||||
|
||||
### Vertical
|
||||
|
||||
@@ -65,17 +65,23 @@ export default {
|
||||
### 自定义按钮
|
||||
|
||||
```html
|
||||
<van-slider
|
||||
v-model="value"
|
||||
active-color="#ee0a24"
|
||||
>
|
||||
<div
|
||||
slot="button"
|
||||
class="custom-button"
|
||||
>
|
||||
<van-slider v-model="value" active-color="#ee0a24">
|
||||
<div slot="button" class="custom-button">
|
||||
{{ value }}
|
||||
</div>
|
||||
</van-slider>
|
||||
|
||||
<style>
|
||||
.custom-button {
|
||||
width: 26px;
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
background-color: #ee0a24;
|
||||
border-radius: 100px;
|
||||
}
|
||||
</style>
|
||||
```
|
||||
|
||||
### 垂直方向
|
||||
|
||||
Reference in New Issue
Block a user