账户中心 退出系统
普通版本 weex版本

graceUI For Weex - 渐变背景及图片背景

1553673119221365.png

1. 纯色颜色

.grace-bg-black 黑色背景
.grace-bg-white 白色背景
.grace-bg-blue  蓝色背景
.grace-bg-blue-sky 天空蓝背景
.grace-bg-gray 灰色背景
.grace-bg-red  红色背景
.grace-bg-green 绿色背景
.grace-bg-yellow 黄色背景
.grace-bg-light-blue 浅蓝色背景
.grace-bg-light-yellow 浅黄色背景

2. 渐变背景

.grace-gtbg-blue 蓝色渐变
.grace-gtbg-pink 粉色渐变
.grace-gtbg-green 绿色渐变
.grace-gtbg-purple 紫色渐变
.grace-gtbg-orange 橙色渐变
.grace-gtbg-blue-sky 天空蓝渐变

3. weex 图片背景原理

1. 图片使用定位的方式
2. 内容使用定位的方式
3. 内容层级高于图片层级(越后出现的元素层级越高)

演示代码