微信小程序
微信小程序template使用
当您的项目需要多次使用同一个布局和样式的时候，您就可以考虑使用template（模板）来减少冗余代码。使用方式：1.新建一个template文件夹来存放您的通用模板；2.在文件夹里面新建一个wxml，wxss,进行模板和样式的定义； 3.设置模板的name，以及里面您需要定义的wxml内容；4.设置wxss样...
微信小程序—picker(滚动选择器)
官方api：https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker.html上边是官网的api。小程序中，底部下拉滚动选择主要有这几种 下拉选择，时间选择，城市选择，多项选择。1.index.js中：//index.js//获取应用实例constapp=g...
微信小程序之实现slideUp和slideDown效果和点击空白隐藏
怎样实现jq中的slideUp或者slideDown这种动画效果呢，我的思路是用css3的transform:translateY（）属性，给需要动画的元素添加上一个动画class。先上效果图：1.蒙层的结构：<!--购物车蒙层--><viewclass='list-fix'wx:if="{{meng...
微信小程序之两个页面传值
需求：发送页面通过url传值，接收页面获取值。发送页面的jsvarnowid='10';wx.navigateTo({url:'../index/index?id='+nowid,}) 或者发送页面用navigate组件：<navigate url="xxx?id=10"></na...
微信小程序在开发中遇到的问题与解决方法
1. √ 这种错误多半是该js文件中没有Page这个方法，就算是空的js也必须要把Page（{}）写上去 2. √ 这种错误多半是该json文件没有内容，所以必须要加上{}，就算是空内容也要加上{}。 补一句：小程序里json文件中不允许有注...
微信小程序之自定义toast弹窗
微信小程序里面的自带弹窗icon只有两种，success和loading。有时候用户输入错误的时候想加入一个提醒图标，也可以使用wx.showToast中的image来添加图片达到使用自定义图标的目的；但是如果图标是字体，或者提醒的内容有很长捏（小程序中提醒的内容最多只能设置7个字，多了会被隐藏），那就只有自定义toa...
在webstorm开发微信小程序之使用阿里自定义字体图标
1.下载阿里图标，解压出来之后有个.css文件 然后复制这css里面的所有代码 2.新建一个wxss文件，例如我新建的就是iconfont.wxss，然后把刚才复制的所有代码，复制到这个文件里面去。 3.在需要使用到图标的页面导入该wxss文件。例如：@import"../../public/...
用webstorm来开发微信小程序之less的配置
1.安装less。 安装好node之后，打开运行-->cmd-->进入安装node的文件夹目录-->输入npminstall-gless. 然后自动就会在C:UsersAdministratorAppDataRoamingpmode_modules这个目录下安装好less了。 注意：a)...
小程序部分机型上一个诡异的偶现bug
如上图所示：开始的时候进到下单页面，价格是0，当选中了商品产生价格的时候，生成的价格如¥150，这个时候会只露出¥1以及一小半的5,后面的都被遮挡住了。wxml里是这样的写的<viewwx:if="{{selectedDate}}"class="pricetot...
微信小程序的calc不生效处理
大致文字初略的记录描述一下问题：外层是relative相对定位，内部一个view需要绝对定位bottom的值为128rpx,同时还要兼容适配苹果x的底部，所以值是这样设置的：bottom:calc(env(safe-area-inset-bottom)+128rpx) 然而在安卓上bottom的值始终为0（在...
微信小程序新版用户授权方式处理
最新更新（2018-12-27）： 最近做了改版，做成默认进来就是首页，然后去判断有没有用户信息，没有的话再去判断用没授权过，如果授权过直接自动去获取，没有的话再跳转到授权页面。因为用户授权主要就是针对新用户，对于日常使用的用户来说频次几乎为0，所以才做这样的修改。还有，新上手的朋友的话，注意多看看路由，采用...
小程序里实现 watch 和 computed
小程序里的自定义组件里是有数据监听器的，可以监听对应数据的变化来执行callBack，但是页面Page里没有对应的api就显的很生硬，比如某个数据变了（如切换城市）需要重新刷页面，如果不做监听，每次都要在数据变化的地方手动去调一次函数。那么如何像vue那样在Page里实现watch和computed呢？如果这时候你脑子...
小程序OSS图片上传
图片上传加水印问题，代码如下！chooseImage:function(e){varthat=this;wx.chooseImage({sizeType:['original','compressed'],//可以指定是原图还是压缩图，默认二者都有sourceType:['album','camera'],//可以指定...
APP 和小程序中通过日期格式获取时间戳的一个bug
介绍一下背景：业务逻辑就不多说了，就说关键出问题的一步，需要将2019-10-10这个格式转换为时间戳。在不同平台不同场景下问题还很怪异app上：ios安卓线上的都有问题 ios模拟器没问题 ios真机连本地有问题，安卓真机连本地没问题微信小程序上：小程序真机调试没问题，预览...
