小程序图片高度自适应
这里踩了很多遍的坑,花了很多时间,以为像以前以前给他上级的盒子不给高度就行了,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 () {
// 页面关闭
}
})