小程序图片高度自适应等问题

小程序图片高度自适应

这里踩了很多遍的坑，花了很多时间，以为像以前以前给他上级的盒子不给高度就行了，oh,no，这是一个坑，关键在于image标签的一个属性：mode="widthFix"，简单搞定

<image src="{{item.cover}}" class='wedding_img' mode="widthFix" />

小程序中无法识别空格符

这样用就可以啦！！！6666

<text decode="{{true}}" space="{{true}}">&nbsp;&nbsp;</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 () {
    // 页面关闭
  }
})