微信小程序样式问题集锦

1. 使用 radio 组件时修改宽高无法改变图标的大小

.radio{
  transform: scale(0.6);
}

左侧为正常，右侧为缩小后的radio.png

还有一种解决方案：不使用radio，让美术切两张图片，切换事件更换图片来实现。

2. 文本超出部分隐藏并显示省略号

  /* 单行文本 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  /* 多行文本 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;  //最多显示两行，超出则隐藏显示并省略号
  overflow: hidden;

3. 隐藏页面滚动条(在wxss中加入下面代码即可，全局配置则加在app.wxss中)

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}