微信小程序
文章平均质量分 79
零小星
好好学习,天天向上
展开
-
微信小程序之二维码生成
转载微信小程序生成二维码wxml<view id="container"> <view class="ewm"> <canvas style="width: 600rpx; height: 600rpx;" canvas-id="myQrcode"></canvas> </view> <input class="inpt" bindinput="ewmText" value="{{ text }}"></转载 2020-06-08 17:57:50 · 986 阅读 · 0 评论 -
微信小程序之计时器
wxml<text>{{days}}天{{hours}}:{{minute}}:{{second}}</text>js(data)days: '0' + 0, //天hours: '0' + 0, // 时minute: '0' + 0, // 分second: '0' + 0, // 秒js(methods)// 计时 //开始订单计时器 startSetInter: function () { const that = this var原创 2020-06-08 13:13:11 · 4008 阅读 · 0 评论 -
微信小程序之环形图
HTML<view class = "page"> <view style="width:350rpx;height:280rpx;border:1rpx solid #f40;"> <image wx:if="{{imgUrl}}" src="{{imgUrl}}" style="width:350rpx;height:280rpx;"></image> <canvas wx:else canvas-id="annular-pie" ec=原创 2020-06-05 15:01:21 · 1662 阅读 · 1 评论 -
将canvas转化为图片(不设置setTimeout)
把cxt_arc.draw();改成var that = this;that.createImg(cxt_arc);methodcreateImg(cxt_arc) { //生成图片 var that = this; cxt_arc.draw(false, function () { wx.canvasToTempFilePath({ //写在 draw的回调里面才能生成图片 canvasId: 'annular-triangle', success: function (原创 2020-06-04 09:55:18 · 212 阅读 · 0 评论 -
微信小程序——定位
借鉴:微信小程序中实现手指缩放图片wxml<mynav title="定位" /><view class="page"> <view class="touch-container"> <image class="img" src="{{src}}" style="width: {{width}}rpx; height: {{height}}rpx; left: {{left}}rpx; top: {{top}}rpx; transform: transl原创 2020-06-02 13:56:48 · 305 阅读 · 0 评论 -
微信小程序F2饼形图的引入和赋值
jsimport F2 from "../../../../components/f2-canvas/lib/f2"let pie = null;function setOption(pie,a,b,c,d,e) { // F2实现回调的方法,方法名用来最后赋值绑定 var map = { '待检查': (b/a)*100+'%', '处理中':(c/a)*100+'%', '流转中':(d/a)*100+'%', '已结束': (e/a)*100+'%', }原创 2020-05-29 10:24:11 · 1401 阅读 · 1 评论 -
微信小程序之百度地图之定位AND输入地址定位AND输入经纬度定位
1.bmap-wx.min.js例子链接2.ak3.getLocation.js// 引用百度地图微信小程序JSAPI模块 var bmap = require('./bmap-wx.min');function getLocation(sourceObj, successFun, failFun) { var BMap = new bmap.BMapWX({ ak: "#",//申请获取到的ak }); // 发起regeocoding检索请求 BMap.原创 2020-05-27 11:08:41 · 813 阅读 · 0 评论 -
小程序js:数组筛选。。。
var request = require('../../../../../utils/request.js');const app = getApp();Page({ data: { activeNames: [], //折叠面板展开项 show: false, //是否展示内容 chooseshow: false, //是否展示选择框 TextContent: "", //当前展示内容中的内容 currentImg: "", //当前上传的图片 c原创 2020-05-25 18:03:35 · 1274 阅读 · 0 评论 -
nav
wxml<view class="oc-head"> <view class="head_bg" style="color: {{fontColorTop}}; background-color: {{backgroundColorTop}}; padding-top: {{top}}px; height: {{height}}px; font-size: {{fontSize}}px;"></view> <view class="head-container原创 2020-05-24 15:40:19 · 363 阅读 · 0 评论 -
奇奇怪怪的知识点
1.微信小程序style的三目运算style="text-decoration: {{ (index > 2)? 'none' : 'underline' }}"原创 2020-05-19 13:13:56 · 319 阅读 · 0 评论 -
微信小程序request封装
1.request.js// 传入api,返回完整urlconst build = url => { var r = getApp().globalData.serverHost + url return r;}//传入api, 返回带token的urlconst buildWithToken = url => { var r = getApp().globalData.serverHost + url + "/" + getApp().globalData.token原创 2020-05-19 11:30:37 · 315 阅读 · 0 评论 -
微信小程序组件的属性、样式、方法
Component({ /** * 组件的属性列表 */ properties: { cellList:Object, }, /** * 组件的外部样式 */ externalClasses: ['c-cellrow'],//不可使用大写字母,必须有'-' /** * 组件的初始数据 */ data: { }, /** * 组件的方法列表 */ methods: { cellClick(res)原创 2020-05-14 09:36:03 · 1004 阅读 · 0 评论 -
使用popup的时候无法用form嵌套textarea导致value值的获取的问题的解决方案;popup中placeholder悬浮的解决方案
wxml<van-popup show="{{ delateShow }}" custom-style="min-height: 30%;width:90%;border-radius:10rpx;"> <view class="popHeader">单位作废</view> <view class="popContent c00"> <view class="s30" style="line-height:80rpx;">作废说明<原创 2020-05-09 16:02:45 · 386 阅读 · 0 评论 -
数组的增减,以拍照为例
takephoto(){ var that = this; var arr = this.data.imgList; wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success (res) { // tempFilePath可以作为img标签的src属性显示图片 ..原创 2020-05-09 09:35:48 · 156 阅读 · 0 评论 -
带参数返回
choose(res) { var index = res.currentTarget.dataset.index; var data = res.currentTarget.dataset.set; this.setData({ selected: index, }) let pages = getCurrentPages(); let prevPage = pages[pages.length - 2]; prevPage.setDa原创 2020-05-08 21:54:58 · 131 阅读 · 0 评论 -
组件实时获取宽高
util.jsmodule.exports = { //获取节点信息 queryView: function (context,name, success) { const query = wx.createSelectorQuery().in(context) query.select(name).boundingClientRect(function (res) { suc...原创 2020-05-07 09:41:50 · 275 阅读 · 0 评论 -
乱七八糟的图片
原创 2019-12-01 20:43:03 · 479 阅读 · 0 评论