![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
mingjuna2010
做一个寡言,却心有一片海的人。
展开
-
微信小程序中使用open-data显示用户头像修改圆形样式解决
<view class="user-header"> <open-data type="userAvatarUrl"></open-data> </view>.user-header{ overflow: hidden; display: block; width: 80rpx; height: 80rpx; border-radius: 100%;}完美解决。...原创 2020-06-22 15:02:55 · 966 阅读 · 0 评论 -
微信小程序自定义图标动态显示不同颜色
微信小程序自定义图标动态显示不同颜色该方法不仅仅局限于阿里图标,后台传过来的图标依旧适用,但是后台上传图标的时候需要上传svg格式的图片呢。主要思路是什么呢:后台上传的svg图片,先使用小程序提供的wx.getFileSystemManager().readFile()进行读取该svg图片文件,读取之后的数据是这样式儿的:<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//E原创 2020-06-18 19:49:59 · 2618 阅读 · 3 评论 -
微信小程序未来七天日期处理(日期+星期)
// 处理未来七天的函数 dealTime: function (num) { // num:未来天数 var time = new Date() // 获取当前时间日期 var date = new Date(time.setDate(time.getDate() + num)).getDate() //这里先获取日期,在按需求设置日期,最后获取需要的...原创 2020-01-13 15:40:12 · 2478 阅读 · 0 评论 -
微信小程序授权问题
// 查看是否授权 getUserInfo() { let _this = this wx.getSetting({ success: (res) => { if (res.authSetting['scope.userInfo']) { wx.getUserInfo({ success: func...原创 2020-01-13 15:38:06 · 254 阅读 · 0 评论 -
小程序图片滤镜效果
① css样式添加该样式,使图片加上灰色“滤镜”效果:filter: grayscale(1) !important;② 你所谓的阴影效果:filter: drop-shadow(2px 2px 3px #999);③ setData数组的某一个下标的值“let exe = `executionTimes[4].executionTime` this....原创 2020-01-13 15:35:11 · 1298 阅读 · 0 评论 -
微信小程序页面总高度和设备高度比较
getHeight(){ this.setData({ detailsInfoHeight:null, allHeight:null, overHeight:true, },()=>{ if(this.data.detailsInfoHeight == null && this.data.allHeight == null &...原创 2020-01-13 15:26:45 · 1953 阅读 · 0 评论 -
小程序画布保存图片模糊解决办法
wx.canvasToTempFilePath({ x: 0, y: 0, width: 300, height: 480, destWidth: 300 * wx.getSystemInfoSync().pix...原创 2019-12-20 17:08:45 · 1948 阅读 · 0 评论 -
小程序弹出框的穿透问题
如果开发的过程中遇到滑动弹出框时,弹出框下面的内容进行滑动,解决这个问题的最直接的方法就是在页面上添加事件:catchtouchmove="return"原创 2019-06-24 15:59:38 · 1565 阅读 · 0 评论 -
小程序生成长图(预览,不限高度)+小程序码+小程序码中间logo换成自定义logo
上条博客已经介绍了如何云调用生成小程序码,链接地址:https://blog.csdn.net/mingjuna2010/article/details/92796711这条博客我们来介绍小程序中怎么生成长图,如何预览,并且在长图中绘制小程序码,以及小程序码中间的默认logo换成自定义logo。①首先在页面上准备一个画布,画布的宽度设定,高度不定。代码如下: ...原创 2019-06-18 18:08:44 · 4376 阅读 · 0 评论 -
小程序码云调用实现方式
①开通云开发、创建云开发环境(环境命名为项目名称拼音即可,示例中football)创建了第一个云开发小程序后,在使用云开发能力之前需要先开通云开发。在开发者工具工具栏左侧,点击 “云开发” 按钮即可打开云控制台、根据提示开通云开发、创建云环境。默认配额下可以创建两个环境,各个环境相互隔离,每个环境都包含独立的数据库实例、存储空间、云函数配置等资源。每个环境都有唯一的环境 ID 标识,初始创建的环...原创 2019-06-18 17:23:00 · 2694 阅读 · 0 评论 -
小程序页面卡顿解决问题
wxss页面中添加样式:page{ height: 100%; -webkit-overflow-scrolling : touch;}原创 2019-06-10 13:26:33 · 16746 阅读 · 1 评论 -
小程序图片和视频轮播
index.wxml<swiper class="swiper" indicator-dots="true" autoplay="{{flag}}" interval="5000" duration="1000"> <block wx:for="{{movies}}" wx:for-index="index"> &...转载 2019-05-29 15:54:48 · 1794 阅读 · 0 评论