### 1、Tab組件 ![](https://img2023.cnblogs.com/blog/1103967/202306/1103967-20230608203245862-2093631029.gif) **功能** - 支持預設選中tab - 子元素可以是文本或者圖片 - 自定義tab的數 ...
1、Tab組件
功能
- 支持預設選中tab
- 子元素可以是文本或者圖片
- 自定義tab的數量,並自適應展示
實現方式
- 用ul > li標簽遍歷傳入的tabs數組參數渲染
- 判斷是否傳入背景,未傳則顯示文字
- 綁定點擊事件
特點
- 簡單易用
- 可適配性
2、倒計時組件
功能
- 常用於榜單或者活動結束倒計時、或者開始倒計時、從而提高用戶的參與度與期待感
- 距離倒計時預設時間可觸發事件
實現方式
- 通過傳入倒計時通過定時器每隔1秒計算剩餘的時間,以數組形式返回
- 將計算出來的時間數組countdown 通過times屬性傳遞給子組件插槽內容
- 註意:倒計時結束或者頁面卸載時,清除定時器
特點
- 只需要傳遞時間間隔,與業務組件解耦
- 返回一個 [天,時,分,秒] 數組,靈活性高