小程序修改weiui-uploadimg的+号图标为自定义图片

根据需求,修改weiui-uploadimg的+号图标

1、在图片转 BASE64 编码 | 菜鸟工具把图片转换成base64位

2、在weui.css中修改以下代码

.weui-uploader__img {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 20rpx;
}

.weui-uploader__input-box {
  float: left;
  position: relative;
  margin-right: 9px;
  margin-bottom: 9px;
  width: 100px;
  height: 100px;
  /* border: 1px solid #d9d9d9; */
  background-color: #F4F3F6;
  border-radius: 20rpx;
  background-image: url("图片base64");
  background-position: 50% 50%;
  /*这个是按从左往右,从上往下的百分比位置进行调整*/
  background-size: 50% 40%;
  /*按比例缩放*/
  /*background-size: 100px 100px;!*这个是按数值缩放*!*/
  background-repeat: no-repeat;
}

你可能感兴趣的:(工具,微信小程序)