```
?globalData:{
????ColorList:?\[{
????????title:'嫣紅',
????????name:'red',
????????color:'#e54d42'
},
{
????????title:'桔橙',
????????name:'orange',
????????color:'#f37b1d'
},
{
????????title:'明黃',
????????name:'yellow',
????????color:'#fbbd08'
},
{
????????title:'橄欖',
????????name:'olive',
????????color:'#8dc63f'
},
{
????????title:'森綠',
????????name:'green',
????????color:'#39b54a'
},
{
????????title:'天青',
???????name:'cyan',
????????color:'#1cbbb4'
},
{
????????title:'海藍',
????????name:'blue',
????????color:'#0081ff'
},
{
????????title:'姹紫',
????????name:'purple',
????????color:'#6739b6'
},
{
????????title:'木槿',
????????name:'mauve',
????????color:'#9c26b0'
}，
{
????????title:'桃粉',
????????name:'pink',
????????color:'#e03997'
},
{
????????title:'棕褐',
????????name:'brown',
????????color:'#a5673f'
},
{
????????title:'玄灰',
????????name:'grey',
????????color:'#8799a3'
},
{
????????title:'草灰',
????????name:'gray',
????????color:'#aaaaaa'
},
{
????????title:'墨黑',
????????name:'black',
????????color:'#333333'
},
{
????????title:'雅白',
????????name:'white',
????????color:'#ffffff'
},
????\]
}
```
```
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
<text class="cuIcon-title text-blue"></text>漸變背景
</view>
</view>
<view class="grid col-2 padding-sm">
<view class="padding-sm">
<view class="bg-gradual-red padding radius text-center shadow-blur">
<view class="text-lg">魅紅</view>
<view class="margin-top-sm text-Abc">#f43f3b - #ec008c</view>
</view>
</view>
<view class="padding-sm">
<view class="bg-gradual-orange padding radius text-center shadow-blur">
<view class="text-lg">鎏金</view>
<view class="margin-top-sm text-Abc">#ff9700 - #ed1c24</view>
</view>
</view>
<view class="padding-sm">
<view class="bg-gradual-green padding radius text-center shadow-blur">
<view class="text-lg">翠柳</view>
<view class="margin-top-sm text-Abc">#39b54a - #8dc63f</view>
</view>
</view>
<view class="padding-sm">
<view class="bg-gradual-blue padding radius text-center shadow-blur">
<view class="text-lg">靛青</view>
<view class="margin-top-sm text-Abc">#0081ff - #1cbbb4</view>
</view>
</view>
<view class="padding-sm">
<view class="bg-gradual-purple padding radius text-center shadow-blur">
<view class="text-lg">惑紫</view>
<view class="margin-top-sm text-Abc">#9000ff - #5e00ff</view>
</view>
</view>
<view class="padding-sm">
<view class="bg-gradual-pink padding radius text-center shadow-blur">
<view class="text-lg">霞彩</view>
<view class="margin-top-sm text-Abc">#ec008c - #6739b6</view>
</view>
</view>
</view>
```
```
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="cuIcon-title text-blue"></text>圖片背景
</view>
</view>
<view class="bg-img bg-mask padding-tb-xl" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg');height: 414rpx;">
<view class="padding-xl text-white">
<view class="padding-xs text-xl">
鋼鐵之翼
</view>
<view class="padding-xs">
Only the guilty need fear me.
</view>
</view>
</view>
```
```
<!-- <view class="cu-bar bg-white margin-top">
<view class="action">
<text class="cuIcon-title text-blue"></text>視頻背景
</view>
</view>
<view class="bg-video bg-mask flex align-center" style="height: 422rpx;">
<video src="https://yz.lol.qq.com/v1/assets/videos/aatrox-splashvideo.webm" autoplay loop muted show-play-btn="{{false}}" controls="{{false}}" objectFit="cover"></video>
<cover-view class="padding-xl text-white ">
<cover-view class="padding-xs text-xxl text-bold">
暗裔劍魔
</cover-view>
<cover-view class="padding-xs">
我必須連同希望一起毀壞……
</cover-view>
</cover-view>
</view> -->
```
```
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="cuIcon-title text-blue"></text>透明背景(文字層)
</view>
</view>
<view class="grid col-2">
<view class="bg-img padding-bottom-xl" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big10007.jpg');height: 207rpx;">
<view class="bg-shadeTop padding padding-bottom-xl">
上面開始
</view>
</view>
<view class="bg-img padding-top-xl flex align-end" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg');height: 207rpx;">
<view class="bg-shadeBottom padding padding-top-xl flex-sub">
下面開始
</view>
</view>
</view>
```
