当前位置: 首页 > 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最爽了

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 前端原生Js批量修改页面元素属性的2个方法
  • SprinBoot+Vue在线商城微信小程序的设计与实现
  • 数据库系统 第36节 数据库镜像
  • 【网络安全】XSS(新)+Amazon账户劫持复现
  • 【软件设计】常用设计模式--概述
  • 无人机+应用综合实训室解决方案
  • Linux教程8:文本编辑命令vi
  • 哪款宠物空气净化器能更好的清理浮毛?希喂、352、IAM测评分享
  • 「Python程序设计」循环控制:for和while循环语句
  • SQL进阶技巧:如何查询最近一笔有效订单? | 近距离有效匹配问题
  • 进程间通信方式(共享内存、信号灯集、消息队列)
  • 【重学 MySQL】五、MySQL 的卸载
  • C++——类与对象(一)
  • 海绵城市雨水监测系统
  • XC企业建站系统V1.2.5
  • 8年软件测试工程师感悟——写给还在迷茫中的朋友
  • Android系统模拟器绘制实现概述
  • centos安装java运行环境jdk+tomcat
  • Iterator 和 for...of 循环
  • Java超时控制的实现
  • October CMS - 快速入门 9 Images And Galleries
  • PhantomJS 安装
  • select2 取值 遍历 设置默认值
  • Solarized Scheme
  • SpiderData 2019年2月13日 DApp数据排行榜
  • 深度解析利用ES6进行Promise封装总结
  • 深入浅出webpack学习(1)--核心概念
  • 说说动画卡顿的解决方案
  • 主流的CSS水平和垂直居中技术大全
  • 不要一棍子打翻所有黑盒模型,其实可以让它们发挥作用 ...
  • 如何用纯 CSS 创作一个货车 loader
  • 如何正确理解,内页权重高于首页?
  • ​云纳万物 · 数皆有言|2021 七牛云战略发布会启幕,邀您赴约
  • ‌分布式计算技术与复杂算法优化:‌现代数据处理的基石
  • #C++ 智能指针 std::unique_ptr 、std::shared_ptr 和 std::weak_ptr
  • #pragma pack(1)
  • (1)Hilt的基本概念和使用
  • (C语言)求出1,2,5三个数不同个数组合为100的组合个数
  • (C语言)输入一个序列,判断是否为奇偶交叉数
  • (Matlab)遗传算法优化的BP神经网络实现回归预测
  • (Pytorch框架)神经网络输出维度调试,做出我们自己的网络来!!(详细教程~)
  • (不用互三)AI绘画工具应该如何选择
  • (二)十分简易快速 自己训练样本 opencv级联lbp分类器 车牌识别
  • (附源码)spring boot儿童教育管理系统 毕业设计 281442
  • (附源码)计算机毕业设计ssm电影分享网站
  • (简单) HDU 2612 Find a way,BFS。
  • (每日持续更新)信息系统项目管理(第四版)(高级项目管理)考试重点整理 第13章 项目资源管理(七)
  • (轉貼)《OOD启思录》:61条面向对象设计的经验原则 (OO)
  • ***通过什么方式***网吧
  • .NET Core WebAPI中使用swagger版本控制,添加注释
  • .Net Remoting常用部署结构
  • .NET 将多个程序集合并成单一程序集的 4+3 种方法
  • .NET成年了,然后呢?
  • .NET的微型Web框架 Nancy
  • .vimrc php,修改home目录下的.vimrc文件,vim配置php高亮显示