微信小程序 图片上填充字体

wxml

  <view class="head"  >
    
    <image src="../../assets/images/girl.png" style="height:100%;width:100%;" />
    <text class="head-text">双12营销方案来啦,效果好到爆text>
  view>

wxss

.head{
  
  height: 35%;
  width: 94%;
  /* background-color: red; */
  border: 1rpx solid #aaa;
  margin-left: 3%;
  margin-right: 3%;
  border-radius: 3%;
  
}

.head-text{
  position: relative;
  z-index: 99;
  text-align: center;
  font-weight: 550;
  font-size: 35rpx;
  /* color: whitesmoke; */
  left: 35rpx;
  bottom: 80rpx;

}

效果图
微信小程序 图片上填充字体_第1张图片

你可能感兴趣的:(笔记)