文件夹,资源路径的引入。

一.目录文件夹

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');

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值