vant step步驟條自定義icon

2022-07-21 12:15:18 字數 622 閱讀 6084

近期使用vant 框架,需要用到步驟條的元件,但是在官網上查詢api,只提供了啟用和未啟用的狀態,

但是有的業務場景:待審核--->審核通過---->審核未通過---->完成

如果使用多種狀態,就需要使用插槽v-slot,但是官網只提供了api並未提示案例寫法

先一步一步來,按照官網實現乙個簡化版

第一種:vant官網的例子-------只有啟用和未啟用的狀態:

城市:}

第二種:自定義的多種狀態icon和樣式--------多種狀態的步驟展示

城市:}

**}樣式

字型的樣式,和icon的大小都是可以通過樣式設定的

以上是使用vant的步驟條的總結

我在這裡研究了一番,特此寫出來,記錄一下

如果能幫到遇到同樣問題的小夥伴,就更好啦

vue 自定義步驟條元件

template steps v for item,index in setdata key item index class li ul div template ts import from vue property decorator import axios from axios compo...

自定義控制項步驟

1.自定義乙個組合控制項 定義乙個累 繼承 linearlayout relativelayout 2.重寫構造方法 兩個引數的構造方法 在定義xml布局檔案的時候 回去呼叫這個構造方法 3.在構造方法裡面 view.inflate context,r.layout.ui setting view,...

自定義 ProgressBar 進度條 自定義樣式

今天學習給progressbar換個樣式,先看效果圖 c h,e d8 z f j x 原理 在xml檔案中分別定義進度條背景 第一進度顏色 第二進度顏色,然後在progressbar的android progressdrawable屬性應用即可。6 j a7 c h b k h q y g s d...