diff --git a/docs/frame.md b/docs/frame.md index 4661714429a6036cdd440497f0bba1cf580eb896..71cfe3700c79497a09a3e7f275ecdd6c7e3dcbb2 100644 --- a/docs/frame.md +++ b/docs/frame.md @@ -48,54 +48,54 @@ |mp-weixin|微信小程序| |mp-alipay|支付宝小程序| |mp-baidu|百度小程序| - -## 资源路径说明 - -### 模板内引入静态资源 - -> `template`内引入静态资源,如`image`、`video`等标签的`src`属性时,可以使用相对路径或者绝对路径,形式如下 - -```html - - + +## 资源路径说明 + +### 模板内引入静态资源 + +> `template`内引入静态资源,如`image`、`video`等标签的`src`属性时,可以使用相对路径或者绝对路径,形式如下 + +```html + + - -``` - -### js文件引入 - -> `js`文件或`script`标签内(包括renderjs等)引入`js`文件时,可以使用相对路径和绝对路径,形式如下 - -```js -// 绝对路径,@指向项目根目录,在cli项目中@指向src目录 -import add from '@/common/add.js' -// 相对路径 -import add from '../../common/add.js' -``` - -### css引入静态资源 - -> `css`文件或`style标签`内引入`css`文件时(scss、less文件同理),只能使用相对路径 - -```css -/* 相对路径 */ -@import "../../common/base.css"; -/* 或者 */ -@import url("../../common/base.css"); -``` - -> `css`文件或`style标签`内引用的图片路径可以使用相对路径也可以使用绝对路径,需要注意的是,小程序端css文件不允许引用本地文件。 - -```css -/* 绝对路径 */ -background-image: url(/static/logo.png); -/* 相对路径 */ -background-image: url(../../static/logo.png); -``` - -**Tips** - -- 引入字体图标请参考,[自体图标](frame?id=字体图标) + +``` + +### js文件引入 + +> `js`文件或`script`标签内(包括renderjs等)引入`js`文件时,可以使用相对路径和绝对路径,形式如下 + +```js +// 绝对路径,@指向项目根目录,在cli项目中@指向src目录 +import add from '@/common/add.js' +// 相对路径 +import add from '../../common/add.js' +``` + +### css引入静态资源 + +> `css`文件或`style标签`内引入`css`文件时(scss、less文件同理),只能使用相对路径 + +```css +/* 相对路径 */ +@import "../../common/base.css"; +/* 或者 */ +@import url("../../common/base.css"); +``` + +> `css`文件或`style标签`内引用的图片路径可以使用相对路径也可以使用绝对路径,需要注意的是,小程序端css文件不允许引用本地文件。 + +```css +/* 绝对路径 */ +background-image: url(/static/logo.png); +/* 相对路径 */ +background-image: url(../../static/logo.png); +``` + +**Tips** + +- 引入字体图标请参考,[字体图标](frame?id=字体图标) ## 生命周期 @@ -420,8 +420,8 @@ uni-app 提供内置 CSS 变量 ```html