深色背景：
{{ item.title }} · {{ item.name }}
{{ item.color }}
给某个元素添加 class="bg-*" 即可实现背景色，把*替换成上述颜色英文名即可
淡色背景：
{{ item.title }} · {{ item.name }}
添加 class="light" 即可将背景色变为浅色
渐变背景：
魅红 · gradual-orange
#f43f3b - #ec008c
鎏金 · gradual-orange
#ff9700 - #ed1c24
翠柳 · gradual-green
#39b54a - #8dc63f
靛青 · gradual-blue
#0081ff - #1cbbb4
惑紫 · gradual-purple
#9000ff - #5e00ff
霞彩 · gradual-pink
#ec008c - #6739b6
添加 class="bg-*" 即可将背景色变为渐变色，把*替换成上述的英文名即可
图片背景：
背景文字标题
背景文字内容，背景文字内容，背景文字内容，背景文字内容
给某一容器添加图片背景(background-image)后，可以添加一个 class="bg-img bg-mask"；
这样会实现如上图般的图片遮盖效果，背景图会变暗，然后便可以在容器中添加其他文字等内容
图片背景(文字渐变底色)：
上方文字
下方文字
给某一容器添加图片背景(background-image)后，再添加一个 class="bg-img"；
内部文字需要放入 view 中，并给这个容器添加一个 class="bg-shade*"，*换成 Top 或
Bottom； 这样便可以实现如上图所示的图片背景，背景前面的文字底下有个渐变效果