uniapp壁纸项目笔记

项目初始化

static文件夹中尽量不要存放一些测试时用的图片。因为项目在打包的时候会将static文件夹一并的打包,这样会使得打包后的项目变得臃肿。

解决办法是在项目的根目录下创建一个common文件夹,用于存放测试用的图片和其他文件。common文件夹中的文件只有在被引入的时候才会被一并打包。

否则要避免这个情况就只能在打包项目前清理static文件夹。

同理,一些公共样式(scss文件)也可以放在common文件夹中,这样既在编写项目的时候可以做到样式的统一,又可以同时不使给项目添加一些不必要的东西(项目最后编译的时候只需要css,而不需要我们编写的时候用的scss,打包的时候只打由scss编译而来的css就可以了)。

在用scss文件预处理的时候,记得要在app文件中引入scss文件(一般都是在app中)。

项目进行中

uniapp中有很多插件,可以在uniapp官网中直接点击下载同时安装到项目中,安装的时候注意选择到需要的项目。

安装成功后在根目录中会多一个uni_modules文件夹,里面是安装的所有插件和也给scss文件。
在index文件中写banner轮播图

uniapp中swiper是一个内置组件,无需引用。
在banner下方写纵向的公告轮播
每个模块的标题重合性高,提出来作为可复用的组件

可复用的组件一般放在components文件夹中。

组件中的不同title和content通过slot插槽从父级获取。通过具名插槽可以向不同的插槽传递不同的值。

如果用props方法,父组件在标签内传递参数,子组件中需要在defineProps中接收,再将参数放在相应的结构中。如果参数需要处理,可以用变量(一般命名props)接收definePropsz再对其进行处理(比如computed,接收到的props是只读的,不能对其进行赋值操作)。

slot插槽接收在父组件中用template标签包裹的内容。
遇事不决找组件

uni-dateformat 日期格式化
每个壁纸类别也是高度重合的组件
做有规律的网格式布局用grid最爽了

相关推荐
sunoo-2293 小时前
【嵌入式Linux驱动学习】Day1-Day2 全流程梳理:环境搭建→U-Boot→内核→根文件系统→驱动基础
linux·运维·驱动开发·笔记·学习·阿里云·恩智浦
by209994 小时前
list:迭代器与资源管理实现的综合叙述(下)
数据结构·c++·笔记·list
wdfk_prog4 小时前
LWIP教程 03:从 `low_level_input()` 到 `pbuf_free()`——`pbuf` 的数据视图、Chain 与引用计数
运维·网络·笔记·学习
yi0115 小时前
Leetcode 49 用 “身份证‘‘巧解
人工智能·笔记·python·算法·leetcode·哈希表
ouynagda5 小时前
嵌入式Linux i.MX6ULL系统移植学习笔记
linux·笔记·学习
yi0115 小时前
DAY22: LeetCode 733:图像渲染——从二维网格开始理解 DFS 和 BFS
数据结构·笔记·python·算法·leetcode·深度优先·宽度优先
sbjdhjd6 小时前
智能体开始“动手”之后:OpenAI越权事件、Anthropic算力资本化与开放权重模型竞逐 | AI与SI行业日报整理(9月29日—10月6日)
大数据·人工智能·经验分享·笔记·ai·chatgpt·开源
上位机妹子6 小时前
从零理解 EF Core:用 Minimal API 给「工作项看板」建模(小白笔记)
笔记
深圳老胡6 小时前
STM32 MCU 国产替代型号简介
笔记·stm32·单片机·代码规范
做cv的小昊8 小时前
【大模型算法自学笔记01】NLP基础知识(1.1 自注意力)
人工智能·笔记·算法·自然语言处理·大模型·llm