小程序笔记

小程序里面如果想要去掉button的圆角和描边。

.inviteCode-btns button{background:none;border-radius: 0}
.inviteCode-btns button:after{border-radius:0;border:none;}
小程序的button的描边和圆角是写在：after里面的，如果需要重置button样式，需这样写

字体图标(在公用app.wxss里面引入，使用下面的方式添加。)

@font-face {
  font-family: 'iconfont';  /* project id 905039 */
  src: url('//at.alicdn.com/t/font_905039_eu0pg2g1iga.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_905039_eu0pg2g1iga.woff') format('woff'),
  url('//at.alicdn.com/t/font_905039_eu0pg2g1iga.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 50rpx;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-xy:before {
  content: "\e61b";
}

小程序里面修改checkbox样式

没有选中的状态样式修改
checkbox .wx-checkbox-input{
    border-radius: 5rpx;
    height: 30rpx;
    width: 30rpx;
}
选中之后的状态样式
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
  background-color: #f4f4f4;
  border: 1rpx solid #d2d2d2;
  border-radius: 5rpx;
}

text-rich 传过来的富文本内容图片过大的处理方法

this.setData({
     goodsDetail: content.replace(/\<img/gi,'<img width="auto" style="max-width:100%;height:auto"')
 })

相册类的数据传过来为逗号隔开的字符串的时候使用split()方法用于把一个字符串分割成字符串数组。

split(字符串或者正则表达式，该参数可指定返回的数组的最大长度)

var imgs = goodsInfo.list_img;
var list_img = imgs.split(",")