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

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最爽了


http://www.kler.cn/a/287510.html

相关文章:

  • uniapp 微信小程序地图标记点、聚合点/根据缩放重合点,根据缩放登记显示气泡marik标点
  • 《基于 PySpark 的电影推荐系统分析及问题解决》
  • 28.<Spring博客系统⑤(部署的整个过程(CentOS))>
  • 无人机在森林中的应用!
  • 号卡分销系统,号卡系统,物联网卡系统源码安装教程
  • 正则表达式语法详解(python)
  • vue后台项目打包成桌面应用程序(.exe)
  • 科大讯飞--C++开发--面经
  • 房产报备小程序房产报备系统源码搭建方案
  • 深入理解红黑树:在C++中实现插入、删除和查找操作
  • C++学习, 存储类
  • [Day 66] 區塊鏈與人工智能的聯動應用:理論、技術與實踐
  • 深度学习100问22:什么是RNN训练过程中的反向传播算法
  • 火绒补充| 截止目前修改时间| 本文已上全站总榜33
  • Qt22双缓冲机制
  • 基于Video-Retalking-Gradio的AI数字人
  • 数学基础 -- 线性代数之正交矩阵
  • 解决 Linux 上的 SSH 登录缓慢问题
  • OpenHarmony 实战开发——应用HAP包签名
  • Node.js sqlite3的db.close方法:正确关闭数据库连接
  • 5G寻呼的 方式
  • Codeforces Round 968 (Div. 2 ABCD1D2题) 视频讲解
  • ElasticSearch常用DSL命令
  • 产品需求过程管理重要性
  • 大语言模型之Qwen2技术报告阅读笔记
  • boot跳转APP,概率性串口失效问题。