uni-app JS\CSS\的封装和引用

本文详细介绍了JavaScript模块的导出与导入语法,包括使用`module.exports`设置导出内容和`import`语句进行导入。同时,探讨了CSS中的引用规则,如绝对路径、相对路径的使用限制,以及微信小程序中对本地文件和路径的支持情况。对于开发者理解和遵循正确的文件引用规范至关重要。
摘要由CSDN通过智能技术生成

util.js
注意:module.exports 输入快捷方式mex

const p = 3

function add(a, b) {
	return a + b
}

module.exports = {
	add,
	p
}

目标文件JS引用
注意:js文件不支持使用/开头的方式引入

	import {
		add,
		p
	} from '../../static/util.js'

目标文件CSS引用

@import url('/common/uni.css');
@import url('@/common/uni.css');
/* 相对路径 */
@import url('../../common/uni.css');

注意
小程序不支持在css中使用本地文件,包括本地的背景图和字体文件。需以base64方式方可使用。
微信小程序不支持相对路径

background-image: url('~@/static/logo.png');

小程序不支持在css中使用本地文件,包括本地的背景图和字体文件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

光明有我16620122910

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值