![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 53
爱吃爱喝
仅作随手记录
展开
-
小程序中如何实现编辑海报内容并生成海报图片(拖动那种)
开始找到了下面这个demohttps://blog.csdn.net/qq_37942845/article/details/80169907在项目中遇到了一个需要编辑海报内容然后生成海报的功能,主要使用canvas来实现,但在根据找到的demo实现的过程中发现问题:背景图片全屏的时候是没有问题的,但是一旦需要设置海报的样式内减后就会出现海报上的图标位置不对,会有偏差。一开始想到的办法是,通过boundingClientRect获取到图标元素的位置信息,在合成图片的时候来减去上边和左边的间距:.转载 2021-01-26 10:48:21 · 1362 阅读 · 3 评论 -
小程序自定义组件与页面之间的传值
一、页面向组件传值在调用接口的页面1)可以传固定的值2)也可以是变量<component-com name="{{info.name}}/>在组件的wxml里面:在组件的js中在test页面上就能出现:如果是要做其它的操作,可以在组件的生命周期中进行: lifetimes: { attached: function() { // 在组件实例进入页面节点树时执行 console.log(this.properties.name)原创 2020-12-04 18:25:56 · 1792 阅读 · 0 评论 -
小程序web-view带值跳转h5页面,h5中怎么取参
小程序中通过以下方式跳转至h5在h5中怎么获取参数?1、首先获取其路径中的参数:var param =window.location.href.split("?")[1];或者var param =window.location.search.substring(1, window.location.search.length);此时的param是如下图:2、然后调用下面的方法分割开: var parseQuery = function(query){ var reg =原创 2020-10-21 16:48:47 · 1136 阅读 · 0 评论 -
wx.switchTab怎么跳转带值?
问题:使用wx.switchTab跳转页面时,路径后面不能携带参数,那么我们怎么来携带参数呢?思路:可以在跳转之前设置一个全局变量用作标识,到跳转目的页面去获取这个全局变量的值来实现效果。解决:首先在app.js中设置全局变量globalData: {currentShow:null},注意在其它不是app.js的文件中使用全局变量得先申明app变量:var app = getApp()其次在实现跳转操作的(A页面)地方,改变全局变量:clicktrainNum:function(e)原创 2020-07-17 17:08:12 · 1043 阅读 · 0 评论 -
微信小程序实现星级评价
其实展示星级的例子已经很多了,不过为了记录一下,下次好用到,我整理了一下代码方法借鉴别人的,有的已经找不到出处了。第一种是后台传数字,显示星星颗数<view class='starbox'> <text>学员满意度</text> <block wx:for="{{stars_1}}" wx:key='index'> <image class="starImage" src="{{selectedSrc}}"原创 2020-07-08 14:48:01 · 2652 阅读 · 0 评论 -
微信小程序动画记录
1.实现闹钟,礼物摇晃的动画。微信小程序里面使用动画和一般的不一样,比较复杂冗余一些,首先要先在wxml中设置animation,<image animation="{{animation}}" src="{{imgs.remind}}" bindtap="toRemind"></image>然后在js的data数据里面定义:animation: {},动画的方法:remind() {// 1: 创建动画实例animation:var animation = wx.原创 2020-06-12 12:00:01 · 227 阅读 · 0 评论 -
微信小程序多选
html: <block wx:for="{{weekList}}" wx:key="index"> <text class="item {{item.selectedW?'active':''}}" bindtap="clickWeenk" data-index="{{index}}">{{item.name}}</text> </block>样式大家就根据需要自定义就好了,js中的data: week原创 2020-06-09 10:29:38 · 1661 阅读 · 0 评论 -
js方法截取冒号右边的字符串
var month =‘时间:2020-05-01’;console.log(month.substring(3, 13)); //2020-05-01原创 2020-05-22 16:32:56 · 2560 阅读 · 0 评论 -
微信小程序中修改数据(单个数据,数组)
微信小程序有自己的语法,修改数据我们必须要使用setData(),参数是一个key,value形式的对象。一下是我做的一个关于修改几种数据的小小记录:1.修改单个值:page({ data:{ resultOpacity:true, }, change(e){ this.setData({ resultOpacity: false, }) }...原创 2019-12-13 10:09:12 · 8893 阅读 · 2 评论 -
小程序解决icon图片与文字不居中问题
在项目中其实这种小问题很常见,那就是图片和文字不是自己想要的那种居中效果,经常一上一下的很难看,这当然是不行的了,所以该怎么解决呢?使用flex布局可以解决这个问题。关键就在 align-items: center1.wxml: <!-- 投票 --> <view class="vote" style="background:pink"> <v...原创 2019-12-12 11:25:43 · 4764 阅读 · 0 评论