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

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.mrgr.cn/news/20231.html

相关文章:

  • QT:动态库与静态库的生成和使用
  • HTML 文本标签
  • 财税系统集成Java发票查验接口代码示例
  • 零基础国产GD32单片机编程入门(十四)内部RTC实时时钟及实战含源码
  • 计算机大专生没有出路了吗?听听过来人怎么讲!
  • 面对市场变革,企业数字化转型的必要性与挑战何在?
  • 竟然有50万个使用Flutter开发的应用了,这也太牛了!
  • 如何缩放C#中的img
  • 司法军警行业ITSM案例分析报告
  • 解决Can‘t load tokenizer for ‘bert-base-chinese‘.问题
  • 【Linux】常见指令及权限相关知识详细梳理
  • linux基础IO——动静态库——实现与应用学习、原理深度解析
  • C++入门基础知识50——【关于C++数字】之C++ 数学运算
  • 解决linux云服务器ping不通另一台linux云服务器的问题
  • 下载适用于 Linux 的 MongoDB Shell教程
  • SpringBoot2:请求处理原理分析-FORM表单请求接口
  • stm32之SPI通信协议
  • llamaindex实现rag
  • Nginx 平滑升级指南
  • keysight346A安捷伦346B噪声源HP346B-18Ghz