- 博客(16)
- 问答 (1)
- 收藏
- 关注
原创 vue+element小技巧
需求:因平时写写pc端比较少,本次因工作需要做一个element+vue的后台管理项目,特此记录一下小东西,毕竟好记性不如烂笔头1.改一些表单类的组件样式时,可以通过检查打开控制台用elemnts来指向需要改的地方,找到class,复制到页面重新赋值,做到更改细微的样式。2.表格:<el-table:data="tableData" stripe :header-cell-style="{background:'#E0E0E0'}" //表头改变颜色 style="width: 100
2021-06-28 19:28:11
238
原创 uni-app写微信小程序时ucharts层级过高盖的解决方案
思路:在点击某个遮罩或者弹框时,改变data里定义的Showhiddenunits等于true,watch监听对图表进行隐藏和现实。data() { return { Showhiddenunits:false, showCanvas: true, } }<qiun-data-charts :style="!showCanvas?'display:none':''" :type="linetype" :chartData="lineOptsec
2021-06-25 18:40:39
3763
6
原创 vue,uni-app算出两个时间相差的天数
此方法只匹配天数,如果要带时分秒的间隔可以自行完善,最后return出去即可 sDate1=开始时间 sDate2=对比时间 //算相隔天数 DateDiff(sDate1, sDate2) { var aDate, oDate1, oDate2, iDays; aDate = sDate1.split("-"); oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]); //转换为yyyy
2021-06-25 18:26:51
5042
原创 搜索关键字高亮
需求:通过搜索框搜索关键字,将搜索得到的结果里包含 “关键字” 的字实现 “高亮” 效果此方法微信小程序也适应,template改一下就行template:<view v-for="(item,index) in listarr" :key='index'> <view v-html="item.text"></view> </view>js://后台返回的数据进行循环处理res.forEach(item=>{ item.text=
2021-06-11 11:52:52
221
1
原创 uni-app uni.createInnerAudioContext()音频播放使用
uni-app使用 uni.createInnerAudioContext()音频播放api前言1.我这边主要是在微信小程序上使用所以我不太清楚到App或H上有没有问题,不过应该可以。2.我这边只记录一下主要功能和方法。3.本文主要做记录使用,有任何不对的地方请大佬指正。效果图如下:解读:如图所示这是一个音频播放页面,基本功能如下:播放暂停,快进快退,文件切换,当前文件播放结束自动播放下一个文件。正文:1.播放样式(文件切换样式我就不放了,就放个进度条这个):<view cl
2021-02-25 17:24:31
18665
13
原创 element tree数型控件兄弟节点之间控制和子节点拖动控制
<el-tree :data="treeList" node-key="id" default-expand-all show-checkbox draggable :allow-drop="allowDrop" :allow-drag="allowDrag" ></el-tree> data() { return { treeList: [] } },...
2020-12-23 16:57:01
645
原创 uni-app扫码功能测试
scan() { uni.scanCode({ success: (res) => { var a = res.result; console.log(a) }, fail: (err) => { uni.getSetting({ success: (res) => { let authSta...
2020-03-25 17:26:18
2568
原创 uni-App打包安卓和iOS流程
配置:选择原生App-云打包uniapp的打包安卓所需APP证书、秘钥、应用包名、应用签名:https://www.jianshu.com/p/aebcf8dc24c8uniapp的打包iOS所需的4个条件https://blog.youkuaiyun.com/qq_28223305/article/details/100564814配置好后点击打包,下面会弹出控制台,稍等几分钟就会生成下...
2020-03-25 14:35:27
8626
1
原创 uni-app微信小程序运行打包流程
uni-app微信小程序运行打包流程1. 运行 首先编辑工具HBuilder X要和微信开发者工具相关联,具体方法见:https://jingyan.baidu.com/article/f0e83a2558580022e591018b.html关联完成后一定要做运行尝试:点击小程序-微信后自动打开微信开发者工具,并运行项目此时发现项目成功运行,并且编译了uni-app写的前端代...
2020-03-24 21:05:46
15661
5
转载 微信小程序的分包
转自:https://www.jianshu.com/p/e51316e15a6a1.分包为什么使用分包小程序第一版 推出 小程序代码包不能超过1MB 大小,所以,小程序可以秒开,但是随着业务的发展,又推出整个小程序所有分包大小不超过 8M,而8M不能秒开,于是就推出分包加载。对于小程序而言 整个小程序所有分包大小不超过 8M 单个分包/主包大小不能超过 2M 在小程序启动时,默认...
2019-07-09 08:35:54
309
原创 用css来完成上下左右箭头的效果
## 标题:用css来完成上下左右箭头的效果简单来说其实就是对border进行设置css部分 .box{ width: 0px; height: 0px; border-width: 40px; border-style: solid; border-color: black transparent tr...
2019-06-28 11:23:18
699
空空如也
vue2中如,jq,element,d3.js 等插件按需引入和全局引入的优缺点
2022-01-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人