小程序图片高度自适应
这里踩了很多遍的坑,花了很多时间,以为像以前以前给他上级的盒子不给高度就行了,oh,no,这是一个坑,关键在于image标签的一个属性:mode="widthFix"
,简单搞定
<image src="{{item.cover}}" class='wedding_img' mode="widthFix" />1
小程序中无法识别空格符
这样用就可以啦!!!6666
<text decode="{{true}}" space="{{true}}"> </text>1
微信小程序手机预览请求不到数据
预览的话需要在手机上开启调试才能发起数据请求的样子。点击那三个点就能看到开启调试的选项了,或者你请求的域名是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;
}123456789101112
单行文本
text{display: block;font-size:28rpx;color:#000000;line-height: 40rpx;height: 120rpx;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;
}12345678910
微信小程序电脑编写的时候出现的小问题
在电脑上进行调试了很久,很久,标题文字依然不能显示完全,死的心都要有了,后来用真假打开,我去,没任何毛病,一直以为是标题文字不能换行,打死自己,还有一个需要注意的文字,这里标题文字不要设置高度,应该让文字自己撑开,或者加padding之类的
微信小程序中,display:flex后,图片如果没有设置宽度,那么图片就会不见了,哼,明明pc端图片可以自己撑开的
微信小程序切换tabbar的时候,改变顶部标题,这里的标题与tabbar的文字无关的时候,
在页面的js的文件中,不是组件,是选项卡切换对应的页面的js文件中,进行编写
onLoad: function (options) {wx.setNavigationBarTitle({title: "我的"})},12345
也可进行动态修改
//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 () {// 页面关闭}
})