微信小程序中這麼簡單的設置頁面背景圖及字體顏色的方法，你還不會？

在微信小程序中，我們不免的要設置背景圖片和字體顏色。
那怎麼樣才能做到簡單的設置背景圖片和字體顏色呢？
話不多說，直接開講
首先先說怎麼設置頁面背景圖片：

這是博主準備的照片。
下面是在wxml中的代碼

<!--pages/test.wxml-->
<view class='test'>
  <view class="temp">隨便寫一下</view>
 <view class="tmp">這裏也算是</view>
  <image class='mytest'  src='/images/804451430.jpeg'></image>
</view>

在微信開發文檔中，定義image組件的src屬性後跟着的是圖片資源地址，在博主的代碼中**“/images/804451430.jpeg”**是圖片資源地址。

然後在wxss中設置背景圖片的佈局。

.mytest{
   position: absolute;
   top:40rpx;
   left:40rpx;
   width:100%;
   height:100%;
   z-index:-1;
}

這就是怎麼設置頁面背景圖的方法。

接下來講一下怎麼設置字體的顏色。
在wxss中講你要設置的字體的佈局中加上color屬性

.temp{
  text-align: center;
  font-size: 50rpx;
  line-height:2;
  opacity: 0.8;
  color: brown;
}
.tmp{
  text-align:center;
  font-size:50rpx;
  line-height:2;
  opacity:0.65;
  color: brown;
}

在這裏博主設置的顏色爲brown。

下面就是效果圖

如果博主寫的地方有錯誤了，歡迎評論區的大佬指出來。
如果覺得寫的還行的話，來個三連（點贊，收藏，關注）啊，大佬們