微信小程序
文章平均质量分 64
优睿
这个作者很懒,什么都没留下…
展开
-
微信小程序图片预览wx.previewImage
在开发小程序时经常会碰到图片预览的问题,那如何实现呢?请看下面:wxml:<swiper indicator-dots='{{Idxdots}}' indicator-active-color='red' indicator-color='white' autoplay='true' duration='500' interval='2000'><block wx:f...原创 2018-07-23 14:03:52 · 8570 阅读 · 2 评论 -
小程序打开另一个小程序(打开同一公众号下关联的另一个小程序)
注:只有同一公众号下的关联的小程序之间才可相互跳转wx.navigateToMiniProgram(OBJECT)wx.navigateToMiniProgram({ appId: '要打开的AppId', path: 'pages/index/index?id=123456789',extarData: { open: 'happy' }, envVersi...原创 2018-10-02 20:39:01 · 851 阅读 · 0 评论 -
小程序分享功能开发
wxml:<view class="col-class zan-col zan-col-8"><button open-type='share' data-title="{{articleinfo.title}}" data-id="{{articleinfo.article_id}}" data-share="{{articleinfo.share}}">&l原创 2018-09-25 16:06:07 · 630 阅读 · 0 评论 -
小程序新功能wxs
小程序官方文档写到:WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。注意wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。 wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。 wxs 的运行环境和其他 javascript 代码是隔离的,wxs 中不能调用其他 java...原创 2018-08-08 17:04:01 · 481 阅读 · 0 评论 -
微信小程序获取系统日期和时间以及时间戳
在创建小程序时,项目里边的utils->util.js就已经有关于时间的函数了,只要调用就行,如下:util.js:const formatTime = date => {const year = date.getFullYear()const month = date.getMonth() + 1const day = date.getDate()const ...原创 2018-08-07 13:10:15 · 2399 阅读 · 1 评论 -
微信小程序 获取用户当前的设置
// 检查当前设置wx.getSetting({ success(res) { if (!res['scope.record']) { // 设置询问 wx.authorize({ scope: 'scope.userInfo', success(res) { wx.startRecord() // ...转载 2018-08-11 15:04:11 · 499 阅读 · 0 评论 -
小程序生成图片保存到系统相册
wxml:<view class="container"><view class='page-section'><view class="saveImage" style="padding:0 8px;"><view class="img_box" style="text-align:center;&quo原创 2018-08-11 15:01:54 · 4931 阅读 · 1 评论 -
微信小程序template的使用
在小程序开发的过程中,很多时候有些模板是一样的,那么我们就可以使用template来实现共用一个模板块。具体实现如下:一、定义模板1、新建一个template文件夹用来管理项目中所有的模板; 2、新建一个common.wxml文件来定义模板; 3、使用name属性,作为模板的名字。然后在<template/>内定义代码片段。<template name="cours...转载 2018-08-01 16:16:05 · 370 阅读 · 0 评论 -
小程序开发的bindtap和catchtap的区别
bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡如:<view class="view1" bindtap="view1"> <view class="view2" bindtap="view2"> <view class="view3" catchtap="view3&qu转载 2018-08-01 14:18:56 · 6699 阅读 · 0 评论 -
小程序实现返回顶部
小程序的scroll-view组件可以实现返回顶部功能,他有两个重要属性如下:1.scroll-top:number类型2.bindscroll:EventHandle(事件处理)具体使用如下:<scroll-view class="scroll" scroll-y="true"scroll-with-animation='true' scroll-top="{{scroll...原创 2018-08-01 14:12:29 · 1105 阅读 · 0 评论 -
微信小程序开发的坑
1.导航栏设置:(1)"window":{"navigationBarBackgroundColor": "#000",},"tabBar":{"backgroundColor":"#fff",}(2)"window":{"navigationBarBackgroundColor": "black"原创 2018-07-30 18:34:36 · 875 阅读 · 0 评论 -
小程序开发动态修改页面标题
首先可以先在app.json里边设置:"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor": "#000","navigationBarTitleText": "商城首页","navigationBarTextStyle":"#fff原创 2018-07-22 16:42:31 · 1474 阅读 · 0 评论 -
微信小程序:调用接口 wx.request 报错
不在以下合法域名列表中,请参考文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html报错原因:没有将请求的域名添加到合法域名列表中1、登录自己的微信小程序,添加合法域名,如图(必须是https):2.如果是人人商城,在app.js里边配置信息: ...原创 2018-07-21 18:59:37 · 3964 阅读 · 0 评论 -
微信小程序如何设置启动页面
1.通过配置全局文件page.json进行配置在app.json文件中,pages数组,设置在第一个的页面就是默认启动页面,所以你只需要调整你当前开发的页面顺序就好了。"pages": ["pages/index/index","pages/commission/index","pages/commission/log/index","pages/commission/l...原创 2018-07-21 18:37:15 · 11280 阅读 · 0 评论 -
Object.assign
Object.assign是ES6新添加的接口,主要的用途是用来合并多个JavaScript的对象。Object.assign()接口可以接收多个参数,第一个参数是目标对象,后面的都是源对象,assign方法将多个原对象的属性和方法都合并到了目标对象上面,如果在这个过程中出现同名的属性(方法),后合并的属性(方法)会覆盖之前的同名属性(方法)。assign的基本用法如下: var t...转载 2018-07-28 18:40:36 · 1559 阅读 · 0 评论 -
微信小程序实现图片上传
如图:直接上代码:wxml:<view class="weui-uploader"><view class="weui-uploader__hd"><view class="weui-uploader__title">图片上传</view></view><v原创 2018-07-25 17:23:26 · 55659 阅读 · 7 评论 -
微信小程序-滚动消息通知
小程序实现上下滚动的公告,请往下看:wxml:<swiper class="swiper-container" vertical='true' autoplay='true' circular='true' interval='2000' duration='500'><block wx:for="{{noticeList}}" wx:for-item="item" ...原创 2018-07-24 15:01:08 · 1511 阅读 · 0 评论 -
小程序页面跳转
最近在学小程序,发现有好几次页面跳转都失败了,查看文档后才知道,请看下面:1.wx.navigateTo(OBJECT):保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。wx.navigateTo({ url: '../user/index'})2.wx.redirectTo(OBJECT):关闭当前页面,跳转到应用内的某个页面。w...原创 2018-07-23 18:55:59 · 252 阅读 · 0 评论 -
小程序获取省市区
1.首先要获取当前位置 wx.getLocation,前提是要取得授权wx.getSetting 2.通过wx.getLocation获得经纬度之后,使用腾讯地图,使用的前提要完成以下的(1)申请开发者秘钥(2)下载微信小程序javaScriptSDK(3)安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加http://api.map.qq....原创 2018-11-16 08:57:53 · 3422 阅读 · 0 评论