uni-app小零碎(包括封装网络请求)

uni-app项目和pages同级的static不能放css js 只能放静态文件,比如图片
可以新建同级文件夹common 来存放css和js
在这里插入图片描述

父子 子父
兄弟传值 还有高阶用法 provide inject

全局注册
在main.js中

// 导入模块
import global from "./utils/global.js"
Vue.prototype.$global=global

在global.js中

// 全局的公共数据存储模块

const baseUrl="http://localhost:3000";



export default{
	baseUrl,
}

在Index.vue中使用

mounted(){
			console.log(this.$global.baseUrl)
		},

引入静态资源

在这里插入图片描述
css:
绝对路径:
@ /根
相对路径:
./ …/ …/…/
js
绝对路径
@
相对路径
…/…/ ./

图片
绝对路径
@/ /
相对路径
./ …/ …/…/
js文件或script标签内(包括 renderjs 等)引入js文件时,可以使用相对路径和绝对路径,形式如下

// 绝对路径,@指向项目根目录,在cli项目中@指向src目录
import add from '@/common/add.js';
// 相对路径
import add from '../../common/add.js';

css
使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。

<style>
    @import "../../common/uni.css";

    .uni-card {
   
        box-shadow: none;
    }
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值