微信小程序 通过背景图片的方式插入图片

微信小程序通过background-image设置背景:只支持线上图片和base64图片,不支持本地图片;

通过官网将本地图片转成base64的图片: http://tool.chinaz.com/tools/imgtobase

 .my-o{
    background-size:100% 100%;
    -moz-background-size:100% 100%;
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAERUlEQVRYhc2Ze4hXRRTHP7ta5pYQZpkWrFhamZWaJZpZlpSRj16UVkIEWv5hRGq0SAQSUSn0sIxCC9OISIktCXuuWWZlD9I/rJbSyDXpsbKa4KNMjpzRs+P93Zn7cHe/f83MnbnzYe6ZM+fMrWoadR0l6GpgNHAp0Bc4BagCdgBbgPXAauDdolMVBZ4O3AtcGNm/EXgJeBr4N8+E1XkGAcOA74GFCbBNwOfAWuBX71k/YB7wI3BtWwFPBb7wQP8AHgOGA32Ay4CRWh4MPKym4SRmswqoyzp5p5m1/bL0vx943mubD9ykAFuBA97z7cAa4DlgP3CVeSa2XwN8GAuQZYVvAZ4y9X+AscBsLYf0H/ComtNW0/dBYEYsROym6wVsM/Vm9Qg/x07kSbzIV2oaTgOATaGBsSv8qin/r7aaF1b0N3AJ0GLalscMjAEeCowx9duAn7IzHiX5SvbzygpPDA2KAZ5jyh8AbxZnPax1wCJTfyg0IGTD3fSzVWn9LOCXUlCP6CQ1keO1pTfwe6XOoRW+3MB+fAxgUQ/zuqmPS+scAh5qymWagi+74QandQwBn2nK60vDO1obTcvpaR1DwCeY8p8lAvraCezTtpq0jiFgG1F1LRWxtWTDddKW/WkdQ8DNpjygREBffQxwc1rHELC1rfGlIraW9a2ph1IIeI0pT/JsukzdY961qgjwZrPKYsPPHgPYOuMZJMD6Jq1zzNE835QleL+yGF8rnauBv9MLoQGx4eU2DTFFe4FBwA8FYU8DNgA9tS5urTuwO21QbHg5xZS7aCw7Ij8r5wPfGljR3SFYMgB/BCww9W6aZM7Kzso0XdkzTJsc+6/FDM6SIt0HrPDa5ulqTzbRVpIkgLoBaABe9Ob9FLg1FiLPvcQCdUPHee0SEr6nn3q7tp0KXARco4eD1QGN0u7MMnneixSJrm7OM9DokzweJ+u9xGTNEsZE9A3pYuA7dZXRil3hYZriD6/wvEUzXjlWf9M7NUlWT9bN1R84T7PlJMnhNFNTsFR1joCVW5u5Ce0SpLwF1OsR3pLQx+pEvRGaANyoqZDTBcD7uigPpL0ktML1OoFVk3qHVzSOzaMuutnkEuYcb/xnwPWV3l3JhsUDfJkA+wRwNvBMAVj0tFysR3OdF3ePVE/TIwvwWr3ZcWrU/E7S8D0FQJP0uMbaNgWT7PzrpOwjCbheb2WcVgIDQ1FUQTXqAi0xr6nVTD0VeIZnBss1cN9H2+guvXN2Eu/0pJ3ZbrreuqGcGryr0baUxBW3m/mGqM9utcL2yqg57w15SbpDb+mdXnYFBzzQy6vGh7LXNtBYM8Ug97Ud8Gzz8A39R9He2qJu1OkR1IZr9DLOJZg99Z9FR5CErLtM6FpbrUvvYN/uQLCod7J7a6IAjzINy9oBKqSl5vkV1Z43aOhYrIckv9jc6TpagJ2dSJz7VzvDVdI7hxhh70E80dUJJ1vKoAAAAABJRU5ErkJggg==");
    }

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值