-
-
前端小姐姐 小试身手Lv3
发表于2019-11-21 09:58
楼主
本帖最后由 前端小姐姐 于 2019-11-21 10:01 编辑
1、酷屏整体：
① 更改背景颜色：
在右边点击展开按钮，在基础属性里点击颜色拾取后可以选择颜色 也可以自己输入对应的颜色值
② 更改背景图片：
可以上传图片 也可以选择库里已有的图片
图片大小和上图（绿色框框）分辨率大小保持一致
或者图片选一张任意大小可叠加的图片 勾选上上图（蓝色框框）的平铺
③ 更改背景颜色渐变：
点击代码后 让红框框内更改成
background: linear-gradient(to bottom, #00aeff, #596efb);
保存就可以实现背景颜色渐变 记得不要添加右侧基础属性的背景颜色 背景图片 不然会覆盖掉代码
预览结果如下：
其中to bottom是向下渐变，改变渐变方向用right，left，top
还可用角度实现渐变
等价于上边的效果：background: linear-gradient(90deg,#dcaf66 0,#75361c 100%);
*其实如果会代码，也可以自己尝试在代码区去更改代码，实现自己想要的效果
2、单个酷屏组件：
有些酷屏组件没有可直接更改颜色、渐变、图片的，就需要我们去代码区更改代码去实现。判断酷屏组件是否可以直接更改颜色、渐变、图片，可以在右侧基础属性区查看是否有可填的选项（如下图）
① 更改背景颜色
和上边酷屏整体背景颜色的更改一样，如下图直接改对应选项
② 更改背景图片
和上边酷屏整体背景图片的更改一样，如下图直接改对应选项
③ 更改背景颜色渐变
和上边酷屏整体背景颜色渐变的更改一样，在代码区更改代码
