微信小程序实际开发经验

• css

  • 默认view控件设置高度百分百无法自适应 需要在app.wxss中设置
    page{height:100%}

  • 因为小程序需要使用flex布局 传送门阮一峰大大的flex布局文章

  • 微信小程序开发中使用image标签展示的长图因为太长，就会被压扁变形，让人看起来很难看，那如何才能让图片的高度自适应呢？使用css的height:auto也没办法实现。翻看了小程序社区的问答，发现了一个解决方法，代码如下：<image src="helloworld.png" mode="widthFix">是的就是image标签上加入一个 mode=“widthFix” 属性就可以让这个图片的高度自适应了。非常方便好用。

  • 修改placeholder样式

wxml：

<input placeholder-class="placeholderinput" placeholder="请选择企业" ></input>

wxss

.placeholderinput {
    font-size: 30rpx;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #c0c4cc;
}

• 使用真机调试时 如果使用 wx.getAccountInfoSync().miniProgram.envVersion获取的和本地调试一样皆为 develop 如果想要区分调试 可以使用wx.env