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

相关推荐
前端小菜鸟吖2 分钟前
2025年最新版HTML5超完整教程
前端·html
中微子2 分钟前
WeUI-Uploader 源码深度解析:大厂必考的上传组件实现
前端
我想说一句2 分钟前
在Colab玩转大模型:一天速成NLP魔法师!
前端·nlp·trae
NicoNico3 分钟前
Wordle:为逗女友而爆火的小游戏
前端·html
嘉小华4 分钟前
深入浅出 动态代理
前端
heartmoonq4 分钟前
前端工程化实践:从多页面构建到分包优化的思考
前端
我是谁谁5 分钟前
在 UniApp 开发中,由于需要跨平台(小程序、H5、App 等),样式兼容性是常见挑战
前端·面试
我想说一句6 分钟前
WEUI Uploader源码学习笔记:从CSS到Stylus
前端·后端
小笔爱上码6 分钟前
渐变色圆角实现总结
前端
Danny_FD8 分钟前
window下安装并使用nvm(卸载node、卸载nvm、全局安装npm)
前端