![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app小程序
文章平均质量分 73
howcoder
这个作者很懒,什么都没留下…
展开
-
uni-app实现的数据报表中心小程序
UReport数据报表中心小程序该小程序主要使用了ucharts和wyb-table两插件实现的数据报表功能,感谢作者秋云和SirW的优秀开源项目小伙伴们,如果觉得还不错记得 star 呀快速体验特点使用的是uni-app中最受欢迎的图表uCharts插件完成图表展示,该插件文档详细,且调用简单方便、性能及体验极佳。 ucharts图表插件。使用wyb-tav=ble插件完成表格功能,支持图表排序、滚动等众多功能,上手极其方便。 table表格插件对页面、图表、表格都进行了封装,用户只需要原创 2021-03-09 16:04:36 · 3053 阅读 · 0 评论 -
uni-app使用websocket(封装、心跳检测)
实用的小程序websocket轻量封装,便捷引入原创 2021-01-28 09:50:17 · 19155 阅读 · 39 评论 -
Vue/uni-app倒计时
导读:在平时,倒计时的运用场景非常多,比如新年倒计时、商品的开抢倒计时,因此把倒计时做好十分必要,我们先看下效果图。@[TOC]效果图一、效果图@[TOC]4步走二、实现该效果并不难,只需要4步走注意:下面代码以Vue为例,如果需要实现uni-app,则改动html的元素,并且引入组件即可(1)封装倒计时的组件<!-- 子组件活动倒计时 --><template id="countBackwards"> <div class="uni-countdown"原创 2020-12-04 10:14:21 · 602 阅读 · 0 评论 -
uni-app小程序打开地图选取自定义地址
一、看下效果图二、在页面写上地图标签<map style="width: 100%;height: 97%;" id="myMap" :markers="markers" :longitude="longitude" :latitude="latitude" scale='16' @markertap="handleStore"></map>markers:存放地图上面的地址标签数组对象longitude、latitude:当前定位的经度、纬度scale:地图缩放比例原创 2020-07-28 17:51:59 · 3435 阅读 · 0 评论 -
小程序uni-app生成二维码
一、看下效果图二、废话不多说,直接上代码1.页面增加存放二维码的标签<canvas class="bar_code" canvas-id="Qrcode"></canvas>2.引入qrcode.js,后面会放上import qrCode from "../../utils/qrcode.js"3.在自己的methods中写入生成二维码的方法qrCode.api.draw(this.info.CardNo,{ctx:uni.createCanvasContext('原创 2020-07-28 16:48:43 · 5632 阅读 · 14 评论 -
小程序uni-app生成条形码
一、看下效果图二、废话不多说,直接上代码1.页面增加存放条形码的标签<canvas class="bar_code" canvas-id="Brcode"></canvas>2.引入barcode.js,后面会放上import brCode from "../../utils/barcode.js"3.在自己的methods中写入生成条形码的方法brCode.code128(wx.createCanvasContext('Brcode'), coupon.GiftN原创 2020-07-28 11:14:13 · 6004 阅读 · 29 评论 -
小程序uni-app滚动页面时触发动画
一、先来看看我们要实现的动画效果二、废话不多说,直接上代码1.首先在页面上放上需要动画的元素,我的动画为一张图片<image :src="serviceImg" mode="widthFix" :animation="animationData" class="service_img" @click="toService"></image>其中animation为我们的动画属性,我们需要给它绑定一个变量,假设是:animationData2.在数据data添加anima原创 2020-07-28 10:31:26 · 3540 阅读 · 0 评论