小程序修改weiui-uploadimg的+号图标为自定义图片
生活随笔
收集整理的這篇文章主要介紹了
小程序修改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; }總結
以上是生活随笔為你收集整理的小程序修改weiui-uploadimg的+号图标为自定义图片的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 一些广州音字的输入方法
- 下一篇: 微信小程序前后端授权登陆