uni-app 中文档阅读倒计时

文章很长，文章下面的倒计时按钮，倒计时的时候不能点击，倒计时结束，按钮能点击的效果

倒计时事件

// 按钮的倒计时countdown() {const that = this//修改倒计时时间 这里写了10s that.time = 10const fn = setInterval(function() {//每一秒自减一that.time--if (that.time == 0) {//这里的kg是用来判断显示什么按钮的，在data中需要声明that.kg= false;// 去掉计时器 很重要一定要去掉clearInterval(fn)}}, 1000);},

data中的声明

data() {return {time：0,kg: true //倒计时按钮是否可以点击 true不能点击}},

页面中内容；使用三元表达式绑定不同状态的样式。

<button :class="kg == false ? 'submit' : 'nochoose'"><text>{{kg == true ? '我已经知晓（'+time+'s）' : '我已经知道' }}</text>
</button>

uni-app 中文档阅读倒计时相关推荐

HbuilderX:uni app踩坑之uView-ui
HbuilderX:uni app踩坑之uView-ui 最近在自学uniapp,想找一个ui框架提高一下学习和开发的效率,于是就网上冲浪,浪来浪去,最后选择了uView-ui这款.其实有些框架我是有 ...
Qt文档阅读笔记-Rotations Example相关
Rotations Example文档阅读笔记使用这种方式,对y轴和z轴进行旋转. QQuaternion yRotation = QQuaternion::fromAxisAndAngle(0.0 ...
spring容器_Spring容器文档阅读要点记录
Spring容器文档阅读要点记录相关的库代码位于 org.springframework.beans 和 org.springframework.context包下面容器的基本的接口基本接口:B ...
uni.app H5(微信公众号定位) uni.getLocation
最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...
android打开预览文件格式,Android中文档预览功能的实现思路及问题
Andriod中的文档在线查看功能,类似于网易邮箱大师中的附件预览功能,要求在app内直接打开office文档.pdf文档等. 思路一:后台统一转换文档格式,安卓端只预览一种格式文档. 在后台将off ...
永中文档在线转换预览双活实现方案
永中文档在线转换预览双活实现方案永中文档在线转换预览服务是永中软件股份有限公司基于十多年核心技术积累.面向移动互联领域推出的一款文档处理软件.永中采用自主可控核心技术,具备快速技术和服务响应能力 ...
Laravel 5文档阅读摘要
Laravel 5项目结构分析及中文文档阅读摘要 HTTP路由 1 中间件 5 控制器 5 HTTP请求 7 HTTP 响应 8 视图 9 Service Providers 11 Service C ...
uni app 手机端导航栏自定义
uni app 手机端导航栏自定义第一步:明确顶部导航栏的构成(手机自带的顶部菜单+开发的顶部菜单栏) 获取手机自带的顶部导航栏 <view class="navigation_ba ...
Okular – 轻巧快速的跨平台文档阅读器
Okular 由 KDE 开发的通用文档查看器,是一款功能丰富.轻巧快速的跨平台文档阅读器.您可以使用它来阅读 PDF 文档.漫画电子书.Epub 电子书,浏览图像,显示标记语言文档等.Okular ...

uni-app 中文档阅读倒计时

uni-app 中文档阅读倒计时相关推荐

最新文章

热门文章