微信小程序开发笔记

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://blog.thinkmoon.cn/post/209_%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91%E7%AC%94%E8%AE%B0/） 转载或引用必须申明原指尖魔法屋来源及源地址！