微信小程序——引入背景圖片【六】

前言

之前寫了一些小程序的博文只是看文檔邊看邊寫，了解下他，這次可是真槍真刀的做了！

框架使用的是美團的mpvue,我也是一邊學習，一邊寫的，如有錯誤之處，還望大家指出。

在這里我有個問題，為什么微信小程序不支持css里面直接導入本地圖片作為背景圖呢？

 

內聯式

<view class="img" style="background-image: url(/static/images/draw.png)"></view>

 

外部引入

如果css是內嵌的或者外部引入的,那么背景圖片就不能直接寫本地地址,我這里是轉存到七牛雲后然后將外鏈寫入,還有一種方式是將圖片轉為base64寫入url()中

.img {
      position: relative;
      width: 340px;
      height: 170px;
      background-image: url("http://cache.wangyangyang.vip/draw.png");
      background-size: 100%;
      background-repeat: no-repeat;
      // left: 18px;
      top: -14px;
    }

 

imgae標簽

<image src="/static/images/[e-mail]" alt="參與場次"></image>