小程序
小程序知识分享
June.1
人生在世须尽欢!
展开
-
微信小程序如何修改第三方组件样式 例如 vant-weapp样式修改
解除样式隔离1、在组件内部options属性中定义styleIsolation: 'isolated'Component({ onLoad(){}, options: { styleIsolation: 'isolated' }})app.wxss 或页面的 wxss 中使用了标签名选择器(或一些其他特殊选择器)来直接指定样式,这些选择器会影响到页面和全部组件。通常...原创 2020-04-02 12:41:38 · 32327 阅读 · 3 评论 -
mpvue 开发微信小程序 Page "xx" has not been registered yet 和无法设置子页面navigationBarTextStyle
Page “xx” has not been registered yet正常页面设置要在app.json上配置带有文件夹的页面文件, 否则程序识别不到。如果pages 、subPackages 配置文件中都是正确无误的那么要注意了, 你需要运行 npm run build 来编译小程序。这样文件和配置重新加载页面就正常了子页面导航主题 navigationBarTextStyle...原创 2020-03-20 13:30:10 · 13307 阅读 · 1 评论 -
微信小程序: mpvue touchend获取元素位置相当于 onmousedown
浏览器有鼠标按下事件document.onmousedown 事件是依赖于DOM ,微信小程序有相似的事件。就是bind:touchend下面这里是mpvue用法<!--原生 <view bind:touchend="touchEnd()">按下</view>--><div class="item_info" @touchend="touchE...原创 2019-12-27 14:51:28 · 14699 阅读 · 1 评论 -
微信小程序mpvue 模板语法如何过滤? IOS new Date() 格式等问题
mpvue 不支持过滤器模板js语法渲染部分会转成 wxml ,wxml 不支持过滤器,所以这部分功能不支持。会把 template 中的 {{}} 双花括号的部分,直接编码到 wxml 文件中,由于微信小程序的能力限制(数据绑定),所以无法支持复杂的 JavaScript 表达式。目前可以使用的有 + - * % ?: ! == === > < [] .,剩下的还待完善...原创 2019-12-10 20:41:43 · 411 阅读 · 1 评论 -
2019最新填坑微信小程序 scroll-view 滚动条保持在底部(附效果demo)
注意:<scroll-view> 必须有高度 , 如果想要滚动条保持在底部 , 高度必须等于窗口的高度scroll-y='{{true}}' 必须定义元素允许纵向滚动scroll-top='{{scrollTop}}' 最后就是定义滚动条位置要求:scrollTop 必须大于 <scroll-view> 内所有元素之和<view> <...原创 2019-04-18 15:25:16 · 16615 阅读 · 4 评论 -
微信小程序页面间参数传递获取
两种方式:<navigator>跳转页面</navigator>test.wxml:<!--pages/test/test.wxml--><view> <!--跳转到gettest页面--> <navigator url='/pages/gettest/gettest?id=1&name="jack"'&...原创 2019-04-18 13:51:48 · 22171 阅读 · 0 评论 -
微信小程序服务端获取UnionId填坑
小程序能够获取到unionid的前提:小程序必须绑定在微信开放平台上,不绑定报errcode 89002完成微信支付的前提:小程序appid、用户的openid、商户id、商户秘钥(商户后台自定义)、商户订单号、商品价额、 商品名称、加密协议服务器(https)需要具备接口调用凭据(access_token)获取方式获取unionid注意:想要拿到 transaction_i...原创 2019-04-18 12:59:57 · 16551 阅读 · 0 评论 -
微信小程序获取access_token(附源码)
服务端请求原因官方文档获取 access_token 与获取 openid 方式一样具体如下:小程序实现本地不需要传递任何参数wx.request({ var serverUrl = 'getAccessToken.php'; url: serverUrl, method: 'GET', dataType: 'json', su...原创 2019-04-17 10:23:21 · 18682 阅读 · 4 评论 -
微信小程序2019年最新服务端获取openid详解(附源码)
服务器获取openid原因因为微信不允许把官方域名放到合法请求域名中,所以官方规定必须在个人开发服务器中去请求获取openid把APPID和秘钥放在本地不安全https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=author...原创 2019-04-17 09:02:05 · 13525 阅读 · 0 评论 -
微信小程序获取input值的两种常用方式
1. bindinput事件是光标移动发生数据改变,不需要手动执行点击 。 数据自动获取input框内使用属性的方式定义事件名称<input bindinput='getInputValue' name='price' type='text' placeholder='输入内容'></input>在js 文件中定义事件方法获取数据其中 e.detai...原创 2019-04-16 15:38:37 · 56407 阅读 · 1 评论 -
微信小程序如何使用阿里字体图标(用法非常简单适用web)
生成iconfont(地址)把你想要的图标添加到购物车。创建当前项目名称, 将购物车的图标加入项目这样生成项目图标素材下载到本地, 需要用到 :1. iconfont.css 是图标样式定义;2. 红色的是字体文件如图:小程序应用复制iconfont.css 文件样式到fonts.wxss中如下示例/*fonts.wxss*/@font-face {font-famil...原创 2019-04-16 14:51:31 · 12411 阅读 · 0 评论 -
微信小程序使用 async , await
直接使用 async , await 会报错 regeneratorRuntime is not defined下载第三方npm包 regenerator-runtime 下载地址下载文件中的regenerator-runtime文件夹拿出来,放到小程序代码中去,一般是放在utils文件夹查看下面示例 async应用//index.jsconst regeneratorRu...原创 2019-03-19 16:15:29 · 16694 阅读 · 0 评论 -
微信小程序初始化、前后台切换生命周期顺序
下面有三个文件,app.js 、index.js 、app.json //app.js App({ onLaunch: function (options) { console.log("app.js ---onLaunch---"); }, onShow: function () { console.log("app.js ---onShow---"...原创 2019-03-19 14:45:48 · 6577 阅读 · 0 评论