小程序
文章平均质量分 68
林鹿海鲸梦你
十行代码 九个bug 前端菜鸡
展开
-
微信小程序 跳转小程序
微信小程序跳到指定的小程序跳转小程序的官方链接第一种: 使用方法demo 演示第二种:appd-id: 小程序appidpath: 小程序路径extra-data: 跳转小程序携带的参数version: 当target="miniProgram"时有效,要打开的小程序版本,有效值 develop(开发版),trial(体验版),release(正式版),仅在当前小程序为开发版或体验版时此参数有效;如果当前小程序是正式版,则打开的小程序必定是正式版。<navigator原创 2021-08-10 14:47:21 · 4594 阅读 · 0 评论 -
微信小程序 简易封装弹窗
建立组件文件夹2.编写组件内容 <!--index.wxml--><view class="container"> <text>demo 01 heihzi</text> <view bindtap="onDialog">点击 打开弹窗</view></view><dialog id="dialog" title="查看详情"> <scroll-view class="p-b ..原创 2020-11-10 16:56:40 · 398 阅读 · 1 评论 -
微信小程序 + 使用二维码
下载 weapp-qrcode.js 文件https://blog-static.cnblogs.com/files/-tiantian/weapp-qrcode.js点开链接按 ctrl + s 保存到相应的位置<view>测试 二维码</view> <view id="container"> <view class="ewm"> <canvas style="width: 600rpx; height: 600r.原创 2020-08-12 14:48:02 · 549 阅读 · 0 评论 -
微信小程序 事件绑定的理解 + api的理解
bindtap (常用) 小程序 事件的点击 结合data参数传递<view class='content' data-gid='{{item.gId}}' bindtap='openChatView'>openChatView: function (event) { var $this = this; console.log(event.currentTarget.dataset.gid) },catchtap (常用) 阻止冒泡事件向上.原创 2020-07-15 17:03:09 · 248 阅读 · 1 评论 -
微信小程序 滑块验证小demo
滑块验证 小 demo思路:1.手指按住 并且 还能 滑动2.滑动到一定的距离 进行判断百度微信开发者文档 : 使用 movable-view的可移动区域。 结合 movable-viewwxml代码 <movable-area class="content" style="width:{{area_width}}%">拖动滑块验证 <movable-view class='box' style='width:{{box_width}}rpx' friction=".原创 2020-07-16 09:45:51 · 1882 阅读 · 1 评论 -
微信 小程序 打开微信扫一扫功能
页面样式<view> <button class="wt btn" bindtap="onScan">扫码验票</button></view>js代码onScan () { var _this = this; wx.scanCode({ success: (res) => { var result = res.result; _this.setData({ result原创 2020-07-09 15:21:59 · 1128 阅读 · 0 评论 -
微信小程序 使用 uCharts 图表
前端 图标的插件库 有很多echarts 跟 uCharts …echarts 更适合应用于后台管理系统 或者pc 端而 当使用时 报错小程序“文件体积超过 500KB,已跳过压缩以及 ES6 转 ES5 的处理,手机端使用过大的js库影响性能。”问题处理所以 我就换了uCharts现在记录一下自己的uCharts 在小程序中使用uCharts链接 https://www.ucharts.cn下载uCharts https://gitee.com/uCharts/uCharts找到原创 2020-06-11 14:42:00 · 10342 阅读 · 5 评论 -
微信小程序 自定义 下拉列表 组件
在小程序中 没有使用 html 标签中的 select 下拉框但项目要实现这个功能 只能自己动手敲在文件 的根目录下 新建 components 文件夹建立一个select 的文件夹 右键 点击新建Component 然后会自动生成这四个文件然后开始写 组件内容// select.wxml 文件下<!--componet/select/select.wxml--><view class='com-selectBox'> <view class='原创 2020-06-11 14:08:45 · 4328 阅读 · 4 评论