一.目录文件夹
1.components
符合vue组件规范的uni-app组件目录
2.comp-a.vue
可复用的a组件
3.pages
业务页面文件存放的目录
4.static
存放应用引用的本地资源静态资源(如图片,视频等)的目。
5.uni_modules
存放[uni_modules](/uni_modules)规范的插件
6.main.js
Vue初始化入口文件
7.App.vue
应用配置,用来配置App全局样式以及监听 应用生命周期
8.pages.json
配置页面路由,导航条,选项卡等页面类信息,详见
9.uni.scss
这里是uni-app内置的常用样式变量
10.utils
存放一些公用的工具
例如 uni.request
11.common
存放一些公用的方法
例如:存放环境变量
12.api
存放接口api
列如:api/api.js
二.资源文件的引入方式
template内引入静态资源,如imgage,video等标签的src时,可以使用相对路径或者绝对路径,形式如下
相对路径
<image class="logo" src="/static/logo.png"></image>
绝对路径
<image class="logo" src="@/static/logo.png"></image>
js文件的引入
import add from '@/common/add.js'
// 相对路径
import add from '../../common/add.js
注意 :js文件不支持使用 / 开头的方式引入
css文件的引入
css文件或style标签内引入css文件时(scss,less文件同理),可以使用相对路径或绝对路径
/* 绝对路径 */
@import url('/common/uni.css');
@import url('@/common/uni.css');
/* 相对路径 */
@import url('../../common/uni.css');