小程序图片高度自适应
这里踩了很多遍的坑,花了很多时间,以为像以前以前给他上级的盒子不给高度就行了,oh,no,这是一个坑,关键在于image标签的一个属性:mode="widthFix",简单搞定
image src="{{item.cover}}" class='wedding_img' mode="widthFix" /小程序中无法识别空格符
这样用就可以啦!!!6666
text decode="{{true}}" space="{{true}}" /text微信小程序手机预览请求不到数据
预览的话需要在手机上开启调试才能发起数据请求的样子。点击那三个点就能看到开启调试的选项了,或者你请求的域名是https应该也是可以的。可以试一下
微信小程序text文本溢出单行/多行省略
多行文本显示隐藏
text{ display: -webkit-box; font-size:28rpx; color:#000000; line-height: 40rpx; word-break: break-all; -webkit-box-orient: vertical; /* 控制在第几行显示省略号 */ -webkit-line-clamp:3; overflow: hidden; text-overflow:ellipsis;}单行文本
text{ display: block; font-size:28rpx; color:#000000; line-height: 40rpx; height: 120rpx; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}微信小程序电脑编写的时候出现的小问题
在电脑上进行调试了很久,很久,标题文字依然不能显示完全,死的心都要有了,后来用真假打开,我去,没任何毛病,一直以为是标题文字不能换行,打死自己,还有一个需要注意的文字,这里标题文字不要设置高度,应该让文字自己撑开,或者加padding之类的
微信小程序中,display:flex后,图片如果没有设置宽度,那么图片就会不见了,哼,明明pc端图片可以自己撑开的
微信小程序切换tabbar的时候,改变顶部标题,这里的标题与tabbar的文字无关的时候,
在页面的js的文件中,不是组件,是选项卡切换对应的页面的js文件中,进行编写
onLoad: function (options) { wx.setNavigationBarTitle({ title: "我的" }) },也可进行动态修改
//example.js加载时动态设置页面标题//获取应用实例var app = getApp();Page({ data: {}, onLoad: function (options) { var that = this; that.setData({ mername: options.mername//options为页面路由过程中传递的参数 }) wx.setNavigationBarTitle({ title: that.data.mername//页面标题为路由参数 }) }, onReady: function () { // 页面渲染完成 }, onShow: function () { // 页面显示 }, onHide: function () { // 页面隐藏 }, onUnload: function () { // 页面关闭 }})













