摘要: html核心代码如下: <p class="iptCodeTip">请输入短信中的6位验证码</p> <div class="checkedCode"> <%--<input type="text" maxlength="6" id="iptCode">--%> <div class="getCod 阅读全文
posted @ 2020-12-01 21:00 安静、、、 阅读(1192) 评论(1) 推荐(2) 编辑
摘要: vue-cli是用node编写的命令行工具,我们需要进行全局安装。打开命令行终端,输入如下命令: $ npm install -g vue-cli 这里使用的是npm,为了开发的便利,推荐安装cnpm,这样运行指令会更迅速,安装命令如下: $ npm install -g cnpm --regist 阅读全文
posted @ 2020-12-01 20:56 安静、、、 阅读(226) 评论(0) 推荐(0) 编辑
摘要: H5实现广告栏之类的文字上下滚动,展示的效果为同时显示多行数据,然后首尾无缝连接,时间间隔为一秒滚动一次,延迟一秒钟,这些都是可配的参数; html如下: <div id="news_container"> <ul> <li>1某某某 抽中了100元话费券</li> <li>2某某元话费券</li> 阅读全文
posted @ 2020-12-01 20:49 安静、、、 阅读(235) 评论(0) 推荐(0) 编辑
摘要: <a-pagination v-model="metalData.pageIndex" :total="showItem.length" :page-size="18" :item-render="itemRender"> </a-pagination> 注释:v-model -当前页码;total 阅读全文
posted @ 2020-12-01 17:09 安静、、、 阅读(2653) 评论(0) 推荐(0) 编辑
摘要: 提到上下滚动的效果,我们首先想到的是swiper的轮播效果,做相对应的调整,代码如下: <swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="3000"> <block w 阅读全文
posted @ 2020-12-01 00:30 安静、、、 阅读(162) 评论(0) 推荐(0) 编辑
摘要: str:字符串 beginStr:开始位置 endStr:结束位置; common.desensitization = function(str,beginStr,endStr){ var len = str.length; var leftStr = str.substring(0,beginSt 阅读全文
posted @ 2020-12-01 00:27 安静、、、 阅读(916) 评论(0) 推荐(0) 编辑
摘要: let self = this; let id=self.id; this.$http({ url: ctx + '/ucenter/weixin/app/experienceApp', method: 'post', headers: { 'X-Requested-With': 'XMLHttpR 阅读全文
posted @ 2020-12-01 00:24 安静、、、 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 需求中我们经常会遇到模糊查询的方式渲染数据,效果类似于下图: js渲染数据的方式如下: var keyword = $("#searchSchool").val(); for(var i=0;i<data.schoolNames.length;i++){ var renderPage = '<li 阅读全文
posted @ 2020-12-01 00:20 安静、、、 阅读(687) 评论(0) 推荐(0) 编辑
摘要: function count(wait) { function time() { if (wait == 0) { //倒计时完成以后进行操作 } else { $("#varifyCode").show().text(wait + "s");//显示倒计时数字 wait--; setTimeout 阅读全文
posted @ 2020-12-01 00:17 安静、、、 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 基本的原理就是将图片格式转换成base64格式的,进行压缩,然后再转回固定格式的图片文件,大的形式是以form表单形式进行后台交互的,但里面会new一个form和一个XMLHttpRequest对象,这样可以弥补form表单提交文件没有失败返回的空缺,当限制使用jquery里的AjaxForm的时候 阅读全文
posted @ 2020-12-01 00:15 安静、、、 阅读(350) 评论(0) 推荐(0) 编辑
摘要: 代码实现的效果是奖项不变,有一块高亮围绕着边框进行跑马灯式的展示,并且设置开始后几秒后速度进行变快,在中奖前的前几秒的位置开始缓慢,并暂停在后台返回要抽中的奖项上面; <table id="tb" class="drawContent"> <tr> <td> <p>100元话费</p> <label 阅读全文
posted @ 2020-12-01 00:08 安静、、、 阅读(600) 评论(0) 推荐(0) 编辑