1、Tab组件
功能
- 支持默认选中tab
- 子元素可以是文本或者图片
- 自定义tab的数量,并自适应展示
实现方式文章来源:https://www.toymoban.com/news/detail-489996.html
- 用ul > li标签遍历传入的tabs数组参数渲染
- 判断是否传入背景,未传则显示文字
- 绑定点击事件
特点文章来源地址https://www.toymoban.com/news/detail-489996.html
- 简单易用
- 可适配性
2、倒计时组件
功能
- 常用于榜单或者活动结束倒计时、或者开始倒计时、从而提高用户的参与度与期待感
- 距离倒计时预设时间可触发事件
实现方式
- 通过传入倒计时通过定时器每隔1秒计算剩余的时间,以数组形式返回
- 将计算出来的时间数组countdown 通过times属性传递给子组件插槽内容
- 注意:倒计时结束或者页面卸载时,清除定时器
特点
- 只需要传递时间间隔,与业务组件解耦
- 返回一个 [天,时,分,秒] 数组,灵活性高
到了这里,关于Tab切换以及倒计时组件封装的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!