2019年12月_不靠谱的作曲家

原创立体按钮点击手机震动

1.HTML<button class="lu-btn-3d" onclick="btn()"> 点击<br />抢答</button>2.CSSbutton { outline: none;} .btn { width: 148px; height: 148px; font-size: 32px; border-radius: ...

2019-12-31 09:32:42 196

原创自定义数字软键盘

1.html<div id="pic"> <divclass="inputBtnList"> <button>1</button> <button>2</button> <button>3</button> <button>关闭</button> <...

2019-12-30 16:31:41 353

原创 vue 中使用mock数据

如果是前后端分离模式，在项目起始，后端接口没有写好的情况下，不耽误项目的进度，我们可以使用mock.js进行开发，以下就简单说下使用方法：1.下载mock.jsnpm install -D mockjs2.在项目中新建mock.js文件3.在mock.js中引入mock.jsconst Mock = require('mockjs') // 引入mockjsconst R...

2019-12-30 15:49:08 318

原创 vue class的绑定

1.对象的绑定基本用法:class="{ 'active': isActive }"判断是否绑定:class="{'active':isActive==-1}"或者:class="{'active':isActive==index}"2.绑定并判断多个第一种（用逗号隔开）:class="{ 'active': isActive, 'sort': isSort }"第二种（放...

2019-12-30 14:31:12 1951

原创 vue websocket公共信道

之前我们用到websocket是在首页中用到即时通讯传送门：vue.js中引入websocket，后来随着项目的完善，我们在全局需要增加锁屏功能。用到的也是websocket,功能就是有操作员操作之后，我们的终端就会出现锁屏界面的一个功能，后来在main.js中进行程序的书写，websocket的具体使用方法请参考上面的链接当我们就收到websocket传来的信息只需要在数据接受中进行操作...

2019-12-30 09:45:56 222 1

原创 vue图标旋转

需求是当我们点击图标进行请求数据的时候，图标进行旋转，成功之后停止旋转，请求超时也会自动停止旋转1.HTML<div class="refresh" icon="el-icon-refresh" @click="refresh()"> <img src="../assets/img/refresh.png" :class="[isRotate?'rotate':'rotat...

2019-12-30 09:27:46 2747 1

原创 vue-pdf解决浏览位置的缓存

前面我们介绍了使用vue-pdf的方法：vue-pdf使用方法在项目中使用vue-pdf时，在更换链接时，导致PDF还是停留在原先浏览的位置，造成体验不佳，我们的结局方案是在更换链接时让滚动条滚动到顶部，1.错误代码this.$refs.topicScroll.scrollTop = 0开始的时候使用上面的代码怎么都起不了作用，后台发现pdf是canvas画的，如果开始就使用此方法导致无...

2019-12-27 18:24:35 1385 2

原创 vue tab切换

1.tab标签<ul class="tab"> <li v-for="(item,index) in tabs" :class="{active:index == num}" @click="tab(index)" v-cloak>{{item}}</li></ul>2.内容<div v-show="num == 0" class=...

2019-12-27 18:03:46 114

原创 PDA中引入音频

之前写过我们在pda中调用扫描头得到返回值：文章连接现在我们需要在扫描成功之后引入音频，也就是加入提示音（类似于：“扫码成功”，“扫码失败”）我们在拿到返回值之后调接口，在success中引入音频文件，注意文件路径主要代码var mp3 = “audio/success.mp3”;var mp3 = new Audio(mp3);mp3.play(); success: (res) ...

2019-12-27 14:03:41 838

原创 vue使用vue-pdf

安装npm install --save vue-pdf2.引入import pdf from 'vue-pdf'export default { components: { pdf }}3.创建html<div> <pdf v-for="i in numPages" :key="i" :src="src" :page="...

2019-12-25 11:19:02 699

不靠谱的作曲家