Day3:设置页面全局渐变线性渐变背景色uniapp壁纸实战

效果:

页面全局渐变线性渐变背景色会让这个设计更加有质感

想给页面加背景的时候,就给最外部的布局容器添加一个pageBg这样一个类别

接下来,我们就可以在之前写的common的公共的style里的common-style.css里改变它就行了

线性渐变:linear-gradient();从左到右to right,后面是两个渐变的颜色;

从上到下to bottom。

可以在颜色后面加百分多少,去调整渐变程度

user.vue和classify.vue页面也一样

然后我们可以在user.vue的样式找到.listd的.row增加一个背景颜色background:#fff白色,会更好看些

找颜色呢,我们可以到colordrop配色的站里面找喜欢的颜色

相关推荐
慧一居士34 分钟前
flex 布局完整功能介绍和示例演示
前端
DoraBigHead36 分钟前
小哆啦解题记——两数失踪事件
前端·算法·面试
数字芯片实验室6 小时前
分享一个可以学习正则表达式的网址:Pythex.org
学习·正则表达式
陈洪奇6 小时前
注册中心学习笔记整理
笔记·学习
一斤代码6 小时前
vue3 下载图片(标签内容可转图)
前端·javascript·vue
中微子6 小时前
React Router 源码深度剖析解决面试中的深层次问题
前端·react.js
光影少年6 小时前
从前端转go开发的学习路线
前端·学习·golang
中微子7 小时前
React Router 面试指南:从基础到实战
前端·react.js·前端框架
3Katrina7 小时前
深入理解 useLayoutEffect:解决 UI "闪烁"问题的利器
前端·javascript·面试
前端_学习之路8 小时前
React--Fiber 架构
前端·react.js·架构