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

相关推荐
天外飞雨道沧桑12 小时前
前端开发 Cursor MCP 提效工具配置
前端·vscode·ai编程·开发工具·cursor
朱哈哈O_o12 小时前
前端通用包的作用——jquery篇
前端
葡萄城技术团队12 小时前
纯前端驱动:在线 Excel 工具的技术革新与实践方案
前端·excel
芳草萋萋鹦鹉洲哦12 小时前
【vue】调用同页面其他组件方法几种新思路
前端·javascript·vue.js
且白12 小时前
uniapp离线打包问题汇总
uni-app
巴啦啦臭魔仙12 小时前
uniapp scroll-view自定义下拉刷新的坑
前端·javascript·uni-app
小满zs12 小时前
Next.js第九章(AI)
前端
00后程序员张12 小时前
Swift 应用加密工具的全面方案,从源码混淆到 IPA 成品加固的多层安全实践
安全·ios·小程序·uni-app·ssh·iphone·swift
晨枫阳13 小时前
不同语言的元组对比
java·前端·javascript
小禾青青13 小时前
在uniapp中使用pinia
uni-app