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

相关推荐
AI视觉网奇2 分钟前
语音识别dolphin 学习笔记
笔记·学习
90后的晨仔12 分钟前
表单输入绑定详解:Vue 中的 v-model 实践指南
前端·vue.js
killer Curry15 分钟前
B站 XMCVE Pwn入门课程学习笔记(6)
笔记·学习
陈佬昔没带相机39 分钟前
围观前后端对接的 TypeScript 最佳实践,我们缺什么?
前端·后端·api
90后的晨仔1 小时前
Vue 事件处理深入指南:从基础到进阶
前端·vue.js
徐子竣1 小时前
[学习记录]Unity-Shader-常量缓冲区(CBUFFER)
学习·unity·游戏引擎
自学也学好编程1 小时前
【工具】jsDelivr CDN完全指南:免费高速的开源项目CDN服务
学习·github
qq_427506081 小时前
JavaScript和小程序写水印的方法示例
前端·算法·微信小程序
小猪扒饭1 小时前
C基础 12_day
c语言·笔记·学习·算法
正经教主2 小时前
【n8n】如何跟着AI学习n8n【03】:HTTPRequest节点、Webhook节点、SMTP节点、mysql节点
人工智能·学习·教程·工作流·n8n