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配色的站里面找喜欢的颜色

相关推荐
qiaozhangchi2 分钟前
求解器学习笔记
笔记·python·学习
C澒3 分钟前
IntelliPro 产研协作平台:基于 AI Agent 的低代码智能化配置方案设计与实现
前端·低代码·ai编程
一袋米扛几楼9813 分钟前
【Git】规范化协作:详解 GitHub 工作流中的 Issue、Branch 与 Pull Request 最佳实践
前端·git·github·issue
网络点点滴26 分钟前
前端与后端的区别与联系
前端
bendandawugui38 分钟前
PCIe协议学习-PCIe的No Snoop Attr使用
学习
xian_wwq39 分钟前
【学习笔记】网络与数据安全领域强制性标准
笔记·学习
24白菜头44 分钟前
【无标题】
c++·笔记·学习·harmonyos
qq_5895681044 分钟前
java基础学习,案例练习,即时通讯
java·开发语言·学习
吟安安安安44 分钟前
适合短期冲刺的学习工作流(针对算法)
学习·算法
小何code1 小时前
人工智能【第8篇】监督学习实战:线性回归与逻辑回归算法详解(万字长文+完整代码实现)
人工智能·python·学习·机器学习·逻辑回归·线性回归