MAIMIHO的博客

小程序真机调试白屏

<view id="container"> <view id="target"> </view></view>uni.createSelectorQuery() .select(".container")//对应外层节点 .boundingClientRect((container) => { uni.createSelectorQuery() .select("#target")//目标节点

解决方法在scroll-view中，再增加一层view元素，让 scroll-view 只有一个直接子元素<scroll-view class="container"> <view> <view class="item"></view> <view class="item"></view> <view class="item"></view> </view>&

因为 rich-text 里面有不少图片, u-read-more 计算高度后图片才加载出来, 高度就会不对.解决方法就是, 在图片加载好后, 再调用一次 this.$refs.uReadMore.init();但 uni-app 的 rich-text 没有提供图片加载完成的事件. uView 有个 u-parse 富文本组件, 但加载出来的样式有问题.只能从 u-read-more 组件下手.方法是在 u-read-more 组件 toggleReadMore() 中再获取一次高度node_

小程序 rich-text 里面文本宽度超出屏幕一种可能的情况我遇到的是 里面的的文本标签宽度是 width: 100%; , 需要修改为 auto获取后执行一个替换就正常了.richText.replace(/ width: 100%;/gim, "width: auto;")

WebStorm 微信小程序使用less使用WebStorm的File Watchers功能步骤如下:Settings -> Tools -> File Watchers -> 添加less 如图配置就行了. 每次保存就可以自动由less生成wxss了....

WebStorm开发微信小程序最新解决方法现在已经没有别的文章那么麻烦了. 直接安装一个插件就可以了 .Settings -> Plugins 搜索 Wechat mini program support安装 重启 就可以开工了....