
微信小程序开发学习
文章平均质量分 64
kk star
这个作者很懒,什么都没留下…
展开
-
微信小程序订阅消息使用
微信小程序订阅消息使用官方文档连接本说明的使用场景例子为:用户在组队大厅发送招募信息,后台管理系统收到后对用户的信息进行审核,并将审核结果,通过消息推送发送给用户。逻辑步骤逻辑步骤0:等待用户点击触发需要发送消息的事件逻辑步骤1:向用户申请获得发送消息的权限逻辑步骤2:等待发送的触发行为逻辑步骤3:向特定用户发送消息操作步骤操作步骤1:在微信公众号平台获得合适的模板[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iB2lXYH9-1626177181725原创 2021-07-13 19:53:39 · 590 阅读 · 0 评论 -
微信开发者工具和gitee合作开发版本管理
原来这个东西的设置就这么简单,还以为有多难啊以下内容分为空的gitee仓库,将微信开发这工具导入gitee和从gitee上扒下代码导入到空的本地项目中。1、创建gitee仓库直接在gitee上创建一个新的仓库就好了,新建,就一个空的。等着把代码从微信开发者工具导进去就好了2、开发者工具初始化本地仓库打开微信开发者工具想要共同开发的那个项目,点击版本管理,点击弹出的框中的确定,就可以初始化完毕了。3、连接gitee仓库和微信开发者工具点击微信开发这工具中的版本管理——>设置——>远原创 2020-07-26 00:57:53 · 2251 阅读 · 0 评论 -
小程序开发-图片上传到云存储
1、获取用户手机中的照片路径使用wx.chooseImage微信开发者文档中的介绍https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html下面是一个demo,其中success会返回本地图片的路径,此时已经可以用来做临时预览了,但是我们还要上传到云存储中,这样才算是更新图片成功。 wx.chooseImage({ count: 1, sizeType: ['com原创 2020-07-11 21:57:05 · 1405 阅读 · 0 评论 -
微信小程序开发-共享位置功能
1、设置是否开启位置共享开关使用微信自带的组件,switch开关:微信开发者文档中改开关的属性:https://developers.weixin.qq.com/miniprogram/dev/component/switch.html<view> <text>开启共享位置:</text> <switch checked="{{isLocation}}" bindchange="switchChange"/></view>2、原创 2020-07-11 14:20:08 · 4965 阅读 · 0 评论 -
小程序开发-用户对自己信息的更改
主要步骤:1、为输入个性签名设置输入框:将框中的值设为signatrue<input type="text" value="{{ signature }}" bindinput="handleText" />2、在js页面中编写处理函数。(1)在载入页面时进行初次渲染,app为全局变量,在页面开始时记得使用getApp()进行导入。onReady: function () { this.setData({ signature: app.userInfo.signa原创 2020-07-11 09:43:24 · 5047 阅读 · 1 评论 -
微信小程序开发-将数据写入全局数据
微信小程序的全局数据写在 app.js中,需要现在里面声明存储数据的变量如下://app.js this.globalData = {} this.userInfo = {}//这个是我们。等下要用到的变量// this.userMessage = []然后在需要使用以上声明的全局变量的时候声明一下:const app = getApp()//这个声明是为了后面调用的方便然后使用Object.assign()将数据拷贝到全局变量中。注:Object.assign()用于将所有原创 2020-07-10 09:02:59 · 2176 阅读 · 0 评论 -
ps +pxcook切图 后转移到 axure上 完整过程
1、打开ps这里面打开UI设计师发来的psd格式文件可能会出现两个错误提示.原因:版本过低,一些关键组件缺失,得安装最新版本得ps解决。这里如果不安装最新版本的话,直接按保留图层,即可,因为要切出图中的组件需要留下图层进行操作。打开之后如果发现没有确实什么关键内容,就可以继续进行之后的内容。这个是ps字体库中缺少设计师所使用的字体,但是如果只是图片的形式的话,该字体会以像素的形式保留下来。只有当需要对改字体内容进行修改时,ps才会再次提醒你将字体替换掉。解决方法1、什么都不用管,切就完事原创 2020-07-03 23:00:08 · 2814 阅读 · 0 评论 -
小程序开发-轮播图-swiper
微信开发者文档中的swiper实现代码:<view class="index"> <swiper class="index-swiper" indicator-dots="{{true}}" autoplay="{{true}}" circular="{{true}}" easing-function="{{easeInCubic}}"> <block wx:for="{{imgUrls}}" wx:key="index"> &l原创 2020-07-03 08:36:21 · 273 阅读 · 0 评论 -
微信小程序开发-tabBar
微信开发者文档中的介绍:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#tabBar微信小程序的tabBar支持以下样式的更换:1、字体颜色:color2、选中时字体颜色:selectedColor3、背景颜色:backgroundColor //不填的话背景颜色就是默认白色//4、上边框颜色:borderStyle //默认黑色//5、位置(上或下):position [t原创 2020-06-30 21:56:26 · 296 阅读 · 0 评论 -
微信小程序开发-引入在线图标库
以阿里巴巴图标库为例1、在自己的项目中找到改图标库的css在线代码2、将代码复制到小程序新建的wxss页面中3、在app.js中引入2中的页面:@import "style/iconfont/iconfont.wxss" //引入该文件的路径//4、在wxml中可以直接调用,调用的其实是该图标的样式,也就是给一个框架渲染上该图标的class:例如:<text class="iconfont iconshanchu"></text> //class为样式库中图标的名称原创 2020-06-30 21:24:28 · 901 阅读 · 0 评论 -
微信开发者工具中的setData的使用
介绍setData用与修改后台中的数据,将修改后的数据渲染到页面中,如果使用其他方法直接修改后台中变量存储的数据,修改的结果并不会反应到页面中,就会造成后台数据和页面数据不同步。基础用法js代码:Page({ /** * 页面的初始数据 */ data: { init:"初始化数据" }, change:function(){ this.setData({ init:"更改后数据" }) } })wxml代码:原创 2020-06-16 23:06:35 · 1116 阅读 · 0 评论 -
微信开发者文档 界面交互api调用测试
第一个wx.showModal(Object object)显示模态对话框modal:function(){ wx.showModal({ title: '提示', content: '这是一个模态弹窗', success (res) { if (res.confirm) { console.log('用户点击确定') } else if (res.cancel) { console.log('用户点击取消')原创 2020-06-12 23:40:24 · 337 阅读 · 0 评论