更新记录

1.0.0（2025-06-13） 下载此版本

初次上传

平台兼容性

uni-app

其他

dshhy-countdown

使用说明

可以直接下载示例代码，里面有完整的示例

1. pages.json 中配置 easycom

   {
   "easycom": {
   "^dshhy-(.*)": "dshhy-$1/components/dshhy-$1/dshhy-$1.vue"
   }
   }

2. 页面中引用

   
   // template
   <view>
   <dshhy-countdown :param="param_1" @endNotice="endNotice"></dshhy-countdown>
   </view>

3. 注意事项
- 参见插件页面注释信息

# 字段说明
|  字段   | 释义  |
|  ----  | ----  |
| param  | 传入插件参数 |
|        | type: 传入时间格式类型，E-YMD：结束时间年月日时分秒，E-TS：结束时间是10位秒时间戳，E-SUR：结束时间是剩余秒数 |
|        | style: 展示样式名称，在组件中配置具体样式 |
|        | end: 结束时间，'年-月-日 时:分:秒'/'10位秒时间戳'/'剩余秒数' |
|        | expire: 倒计时归零时的提示文字 |

# 事件说明
|  字段            | 释义  |
|  @endNotice      | 倒计时归零时通知父页面回调 |

# style说明
|  字段    | 释义  |
|  ----   | ----  |
| model_0 | 样式名称 |
|         | symbol:['天','时','分','秒'], //倒计时数字后缀，注意：symbol[3]是秒的后缀，none时代表不显示后缀，空时显示默认'秒'，设置不显示是为了在整体元素后不出现空白 |
|         | mainLineHeight:40, //整体行高，应用组件的元素应设置：overflow:hidden，防止超出被隐藏，默认：40rpx，遵循 css |
|         | mainBackground:'none', //主体背景色，默认：none，遵循 css |
|         | numSize:28, //倒计时数字字号，默认：28rpx，遵循 css |
|         | numColor:'#333', //倒计时数字颜色，默认：#333，遵循 css |
|         | numPad:'0', //倒计时数字填充，默认：0，遵循 css |
|         | numBg:'none', //倒计时数字背景色，默认：none，遵循 css |
|         | numRadius:'unset', //倒计时数字背景圆角，默认：unset，遵循 css |
|         | wordSize:24, //倒计时后缀字号，默认：24rpx，遵循 css |
|         | wordColor:'#999', //倒计时后缀颜色，默认：#999，遵循 css |
|         | wordPad:'0 10rpx', //倒计时后缀填充，默认：0 10rpx，遵循 css |
|         | msgSize:24, //倒计时归零后显示的提示信息的字号，默认：24rpx，遵循 css |
|         | msgColor:'#f00', //倒计时归零后显示的提示信息的颜色，默认：#f00，遵循 css |