微信小程序开发笔记

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;

版权声明: （https://www.thinkmoon.cn/post/209）
本文首发于指尖魔法屋-微信小程序开发笔记
转载或引用必须申明原指尖魔法屋来源及源地址！