uniapp摺疊面板

2021-10-17 16:13:50 字數 1692 閱讀 2609

uniaap摺疊面板官網位址

<

!-- 一般用法 --

>

"change"

>

"標題文字"

>

"標題文字" thumb=

>

<

/uni-list-item>

"標題文字" note=

"描述資訊" thumb=

>

<

/uni-list-item>

"標題文字" note=

"描述資訊" show-extra-icon=

"true"

:extra-icon=

"">

<

/uni-list-item>

<

/uni-list>

<

/uni-collapse-item>

"預設開啟" open=

"true"

>

"padding: 30rpx;"

> 摺疊內容主體,可自定義內容及樣式 <

/view>

<

/uni-collapse-item>

"禁用狀態" disabled=

"true"

>

"padding: 30rpx;"

> 禁用狀態 <

/view>

<

/uni-collapse-item>

<

/uni-collapse>

<

!-- 手風琴效果 --

>

"true"

>

"標題文字"

>

"padding: 30rpx;"

>

手風琴效果

<

/view>

<

/uni-collapse-item>

"標題文字"

>

"padding: 30rpx;"

>

手風琴效果

<

/view>

<

/uni-collapse-item>

"標題文字"

>

"padding: 30rpx;"

>

手風琴效果

<

/view>

<

/uni-collapse-item>

<

/uni-collapse>

<

!-- 帶圖示 --

>

"標題文字" thumb=

>

"padding: 30rpx;"

>

摺疊內容主體,可自定義內容及樣式

<

/view>

<

/uni-collapse-item>

"標題文字" thumb=

>

"padding: 30rpx;"

>

摺疊內容主體,可自定義內容及樣式

vue 摺疊面板效果折騰小記

人生在於折騰,也在於折騰,再折騰中進步,再折騰中尋找更好的方法 最近在開發專案中遇到乙個帶動畫效果的手風琴摺疊面板,看了element ui的摺疊面板,發現並不適用於自己的專案,於是乎就決定自己搞乙個,說幹就幹,把我搞得過程記錄下來,一方面方便自己學習,記錄,一方面幫助大家。有什麼錯誤的地方或者寫的...

vuejs實現摺疊面板展開收縮動畫

vuejs通過css3實現元素固定高度到auto高度的動畫和auto高度到固定高度的動畫。迴圈列表,html 在css上加上動畫transition newslist ul li p重點是下面js的實現 分為兩種情況 一 初始狀態是收縮時 二 初始狀態是展開時 稍微改動 var height lic...

vuejs實現摺疊面板展開收縮動畫

vuejs通過css3實現元素固定高度到auto高度的動畫和auto高度到固定高度的動畫。迴圈列表,html 在css上加上動畫transition newslist ul li p重點是下面js的實現 分為兩種情況 一 初始狀態是收縮時 二 初始狀態是展開時 稍微改動 var height lic...