- 背景图片设置
开发微信小程序时,不能直接在wxss文件里引用本地图片,运行时会报错:“本地资源图片无法通过WXSS获取,可以使用网络图片,或者 base64,或者使用<image/>标签。” 这里主要介绍使用<image>标签的方法 网上有很多方法,笔者也尝试了不少,期间也遇到一些问题。最后总结一下,只需2步: 1、在wxml文件中添加一个<image>标签: [代码]<!--页面根标签--> <view class="content"> <!--pics文件夹下的background.jpg文件--> <image class='background' src="../../pics/background.jpg" mode="aspectFill"></image> <!--页面其它部分--> </view> [代码] 2、在wxss文件中添加: [代码]page{ height:100%; } .background { width: 100%; height: 100%; position:fixed; background-size:100% 100%; z-index: -1; } [代码] 要说明的是z-index: -1,可以让图片置于最底层,不会影响其它部分。
2019-02-21 - rich-text解析table,不显示边框,border属性不起作用?
table节点不支持border属性,导致rich-text渲染table不显示边框,不知道后面会不会支持呢? https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html 想到的解决办法 1.换个富文本插件比如mphtml 2.正则给table添加样式(正则网上找的方法 [图片] css中: .table,.td {box-sizing: border-box;border: 1px solid #dadada;} 最后小程序显示边框效果: [图片] 代码片段:https://developers.weixin.qq.com/s/74mkA9my7DzX 正则根据需要写,待完善
2022-05-10 - 小程序页面分享到朋友圈后打开调用wx.login失败?
(in promise) MiniProgramError {"errMsg": "login:fail rejected due to no permission currently"} [图片]
2023-06-25