本站使用了 Pjax 等基于 JavaScript 的开发技术,但您的浏览器已禁用 JavaScript,请开启 JavaScript 以保证网站正常显示!

微信小程序开发笔记

rpx单位

rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。要实现4:3的展示则可以
image{
    width:750rpx;
    height:563rpx;
}

使用组件库,写的css样式优先级太低

不管三七二十一,加!important
.findButton {
  width:300px !important;
  height:35px !important;
}

样式各种飘,不居中怎么办?

<view class="nickName">
  <view>{{userInfo.nickName}}</view>
</view>
.nickName {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
}

selectedColor无效

selectedColor 和 list 是同级别的。写在list数组外面就可以了。

背景虚化

blur中的参数是虚化比例
filter: blur(1px);

scroll-view设置`scroll-x"也不会横向滚动

要给scroll-view加上white-space: nowrap; ,给scroll-view的子元素box加上display:inline-block;

———— 本文结束 感谢阅读 ————

推广

 继续浏览关于 微信小程序 的文章

 本文最后更新于:2019/07/02 10:09:35,可能因经年累月而与现状有所差异

 引用转载请注明:指尖魔法屋 > 学习笔记 > 微信小程序开发笔记