当前位置: 首页 > news >正文

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

http://www.dtcms.com/a/170994.html

相关文章:

  • qmt下载的数据放在了哪里了?
  • 利用flask设计接口
  • Linux 的网络卡
  • 黑马点评day01(基于Redis)
  • C++ 多态:原理、实现与应用
  • 补充:建立实体类与数据表的映射关系
  • C盘莫名其妙一直变大
  • 从github的插件直接导入unity
  • stm32week14
  • Android运行时ART加载类和方法的过程分析
  • 学习黑客 ATTCK
  • 多段线和二维多段线的区别及顶点遍历
  • Docker 服务搭建
  • 【windows操作技巧】设置应用的开机自启动
  • C++入门☞关于类的一些特殊知识点
  • AI跑得快,MCP来加速——模型计算平台在训练与推理中的硬核作用
  • 2025信息安全网络安全意识培训资料汇编(24份)
  • QT下根据深度信息计算物体尺寸并UI显示的简单方案
  • 只用Prettier进行格式化项目
  • TS 类型断言
  • 百度「心响」:左手“多智能体”右手“保姆级服务”,C端用户能看懂这技术告白吗?
  • C#方法返回值全解析:从基础语法到实战技巧
  • C++ STL简介:构建高效程序的基石
  • 实时在线状态
  • Android 输入控件事件使用示例
  • Nx 智能分发机制(Nx Agents + Nx Cloud)
  • 【程序+论文】大规模新能源并网下的火电机组深度调峰经济调度
  • lombok详解
  • 人工智能《文章10:AI未来已来》
  • 详解迁移学习,模型参数冻结,优化器参数定义