微信小程序
idomyway
这个作者很懒,什么都没留下…
展开
-
微信小程序 - scroll-view横向滚动
scroll-view 设置横向滚动// htmlscroll-view.scroll(:scroll-x="true") div(v-for="(item, index) in list" :key="index") // css.scroll white-space nowrap // height 150px div display inline-block...原创 2020-01-16 20:04:24 · 492 阅读 · 0 评论 -
微信小程序 - 隐藏返回home按钮
前言 微信7.0.7版本起,当用户打开的小程序最底层页面是非首页时,默认展示“返回首页”按钮解决方法 开发者可在页面 onShow 中调用 hideHomeButton 方法 进行隐藏wx.hideHomeButton()从基础库 2.8.3 开始支持我们在使用时需要if (wx.canIU...原创 2020-01-16 19:26:59 · 11981 阅读 · 2 评论 -
微信小程序 - 页面隐藏滚动条
// 滚动条隐藏::-webkit-scrollbar { width: 0; height: 0; color: transparent;}原创 2019-12-08 21:48:42 · 1258 阅读 · 0 评论 -
微信小程序 - 小程序分享转发
方法 在小程序需要分享的xxx页面添加代码export default { onShareAppMessage () { return { title: '', path: '/pages/xxx/main', success: (res) { }, fail: (r...原创 2019-10-31 22:34:30 · 357 阅读 · 0 评论 -
微信小程序 - vant popup弹出层阻止底层页面滑动
前言 在小程序编写过程中使用使用vant weapp的popup组件做小程序的弹出层,触屏导致底层页面跟着滑动。解决方法 使用touch事件阻止属性,@touchmove.stop.prevent指向空事件van-popup( :show="popupShow" :z-index="999" ...原创 2019-08-30 22:01:25 · 14566 阅读 · 11 评论 -
微信小程序 - onLoad、onshow
onLoad和onShow onLoad: 页面加载时触发(可以传递参数),从二级页面回来时不会触发。 onShow: 当小程序启动,或从后台进入前台显示,从二级页面回来时也会触发会触发 onShow, 不能传参数。Tab 切换对应的生命周期(以 A、B 页面为 Tabbar 页面,C 是从 A 页...原创 2019-08-30 21:31:48 · 4611 阅读 · 0 评论 -
微信小程序 - image的mode属性
mode属性 scaleToFill 缩放模式(默认属性),不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素 aspectFit 缩放模式,保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来。 aspect...原创 2019-08-29 22:04:10 · 18095 阅读 · 1 评论 -
微信小程序 - 碎知识点
动态修改页面titleonLoad: function (options) { wx.setNavigationBarTitle({ title: '当前页面' //修改title })}原创 2019-08-29 21:44:52 · 163 阅读 · 0 评论 -
微信小程序 - wx.setstoragesync和wx.setstorage的区别
前言 StorageSync是Storage的同步版本Storage// settingwx.setStorage({ key:"key", data:"value"})// gettingwx.getStorage({ key: 'key', success (res) { console.log(res.dat...原创 2019-08-13 21:55:56 · 52681 阅读 · 0 评论 -
微信小程序 - 警告sitemap 的规则[0],当前页面将被索引
前言 开发助手更新之后出现警告⚠️,sitemap 的规则[0],当前页面将被索引原因 sitemap 的索引提示是默认开启的,如需要关闭 sitemap 的索引提示,可在小程序项目配置文件 project.config.json 的 setting 中配置字段 checkSiteMap为 false...转载 2019-08-01 23:21:27 · 9620 阅读 · 4 评论 -
微信小程序 - 使用scroll-view
前言 使用scroll-view时,轴横向移动不生效设置一、设置scroll-x="true"二、设置height三、在scroll-view设置white-space: nowrap; white-space: nowrap;:white-space 属性设置如何处理元素内的空白 ...转载 2019-07-22 23:03:04 · 269 阅读 · 0 评论 -
微信小程序 - 单行/多行文本省略号
多行文本省略号.box{ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 3; /* 行数*/ -webkit-box-orient: vertica...转载 2019-07-22 22:54:16 · 1640 阅读 · 0 评论 -
微信小程序 - 报错cannot read property 'xxx' of undefined
前言 在微信开发者工具中报错:原因及解决方法 经过排查,当自定义组件和小程序中的组件重名(包含大小写),出现的错误,修改自定义组件名称,重新编译即可...原创 2019-07-22 22:03:49 · 98081 阅读 · 0 评论 -
微信小程序 - input、textarea层级穿透问题
前言 当页面中有input、textarea时 底部提交按钮position:fiexd;悬浮时 在滑动页面,input 、textarea文本框中的文字,placeholder会穿透到提交按钮上方,设置z-index在真机上无效。解决方法 ...原创 2019-07-23 19:40:42 · 5194 阅读 · 2 评论 -
微信小程序 - box-shadow阴影在真机上无效
前言 微信小程序设置box-shadow阴影无效,如下 box-shadow 0 -3px 3px #eee 在开发环境上有效,但在真机上无效。解决办法: 使用rgba/rgb代替十六进制颜色后,解决 box-shadow 0 -3px 3px...原创 2019-07-23 19:40:11 · 2870 阅读 · 0 评论 -
微信小程序 - 解决自定义添加遮罩层,底部页面仍滚动
前言 底部的页面有滚动条,在自定义组件创建遮罩层时,底部页面仍然会滑动解决方法: 为了防止事件冒泡,在遮罩层容器内设置// 小程序catchtouchmove="true"// mpvue :catchtouchmove="true" 开发者工...原创 2019-07-23 19:38:03 · 3865 阅读 · 0 评论 -
微信小程序 - scroll-view 滚动条消失
在全局样式中写入::-webkit-scrollbar { /* display: none; */ width: 0; height: 0; color: transparent}原创 2019-06-27 22:12:24 · 2727 阅读 · 0 评论 -
微信小程序 -wx.request请求封装
配置文件 新建配置文件 config/index.jsexport default { /** * @description 连接请求地址 */ devServer: 'https://www.heyuhsuo.xyz/heyushuo'} request封装文件 utils/...原创 2019-07-01 21:53:40 · 803 阅读 · 1 评论 -
问题 - 不在以下 request 合法域名列表中,请参考文档
前言 小程序开发的,用微信开发者工具做网络请求的时候,调试会出错,提示“不在以下 request 合法域名列表中,请参考文档”解决方法: 1) 微信小程序工具 -> 详情 -> 域名信息 (第一次用显示未设置) 2) 打开微信公众平台 ...原创 2019-06-02 21:59:56 · 32019 阅读 · 5 评论