W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
import Vue from 'vue';
import { Divider } from 'vant';
Vue.use(Divider);
默認(rèn)渲染一條水平分割線
<van-divider />
通過插槽在可以分割線中間插入內(nèi)容
<van-divider>文字</van-divider>
通過content-position指定內(nèi)容所在位置
<van-divider content-position="left">文字</van-divider>
<van-divider content-position="right">文字</van-divider>
添加dashed屬性使分割線渲染為虛線
<van-divider dashed>文字</van-divider>
可以直接通過style屬性設(shè)置分割線的樣式
<van-divider :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 16px' }">
文字
</van-divider>
參數(shù) | 說明 | 類型 | 默認(rèn)值 |
---|---|---|---|
dashed | 是否使用虛線 | boolean | false |
hairline | 是否使用 0.5px 線 | boolean | true |
content-position | 內(nèi)容位置,可選值為left right | string | center |
名稱 | 說明 |
---|---|
default | 內(nèi)容 |
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: