From fe37faa8ab62e1367568bb953895283fba8b1483 Mon Sep 17 00:00:00 2001 From: wanganxp Date: Thu, 5 Sep 2019 21:38:45 +0800 Subject: [PATCH] Update frame.md --- docs/frame.md | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/docs/frame.md b/docs/frame.md index 5244619d8..48bf21d55 100644 --- a/docs/frame.md +++ b/docs/frame.md @@ -340,8 +340,8 @@ page { ### 全局样式与局部样式 定义在 App.vue 中的样式为全局样式，作用于每一个页面。在 pages 目录下 的 vue 文件中定义的样式为局部样式，只作用在对应的页面，并会覆盖 App.vue 中相同的选择器。 -**注意：** -- App.vue 中通过 ``@import`` 语句可以导入外联样式，一样作用于每一个页面。 +**注意：** +- App.vue 中通过 ``@import`` 语句可以导入外联样式，一样作用于每一个页面。 - nvue页面暂不支持全局样式 ### CSS变量 @@ -619,6 +619,8 @@ uni-app支持使用**npm**安装第三方包。 npm init -y ``` +cli项目默认已经有package.json了。HBuilderX创建的项目默认没有，需要通过初始化命令来创建。 + **安装依赖** 在项目根目录执行命令安装npm包： @@ -638,7 +640,7 @@ const package = require('packageName') * 为多端兼容考虑，建议优先从 [uni-app插件市场](https://ext.dcloud.net.cn/) 获取插件。直接从 npm 下载库很容易只兼容H5端。 * 非 H5 端不支持使用含有 dom、window 等操作的 vue 组件和 js 模块，安装的模块及其依赖的模块使用的 API 必须是 uni-app 已有的 [API](./api/README)（兼容小程序 API），比如：支持[高德地图微信小程序 SDK](https://www.npmjs.com/package/amap-wx)。类似[jQuery](https://www.npmjs.com/package/jquery) 等库只能用于H5端。 -* node_modules 目录必须在项目根目录下。 +* node_modules 目录必须在项目根目录下。不管是cli项目还是HBuilderX创建的项目。 * 支持安装 mpvue 组件，但npm方式不支持小程序自定义组件（如 wxml格式的vant-weapp），使用小程序自定义组件请参考：[小程序组件支持](./frame?id=%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%BB%84%E4%BB%B6%E6%94%AF%E6%8C%81)。 * 关于ui库的获取，详见[多端UI库](https://ask.dcloud.net.cn/article/35489) @@ -933,7 +935,7 @@ slide-view.vue - 阻止事件冒泡 从 catch:tap="xx" 改为 @tap.native.stop="xx" - wx:if 改为 v-if - wx:for="{{ list }}" wx:key="{{ index }}" 改为`v-for="(item,index) in list" - - 原事件命名以短横线分隔的需要手动修改小程序组件源码为驼峰命名，比如：*this.$emit('left-click')* 修改为 *this.$emit('leftClick')*（HBuilderX 1.9.0+ 不再需要修改此项） + - 原事件命名以短横线分隔的需要手动修改小程序组件源码为驼峰命名，比如：*this.$emit('left-click')* 修改为 *this.$emit('leftClick')*（HBuilderX 1.9.0+ 不再需要修改此项） * ```nvue```页面暂不支持小程序组件 详细的小程序转uni-app语法差异可参考文档[https://ask.dcloud.net.cn/article/35786](https://ask.dcloud.net.cn/article/35786)。 @@ -943,8 +945,8 @@ slide-view.vue WXS是微信小程序的一套脚本语言，[规范详见](https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/)。 uni-app可以将wxs代码编译到微信小程序、QQ小程序、5+APP、H5上（`HBuilderX 2.2.4-alpha`及以上版本） -与wxs类似，百度小程序提供了Filter、阿里小程序提供了SJS，uni-app也支持使用这些功能，并将它们编译到百度和阿里的小程序端。不过它们的功能还不如wxs强大。此外头条系小程序自身不支持类似功能。 - +与wxs类似，百度小程序提供了Filter、阿里小程序提供了SJS，uni-app也支持使用这些功能，并将它们编译到百度和阿里的小程序端。不过它们的功能还不如wxs强大。此外头条系小程序自身不支持类似功能。 + **平台差异说明** |5+App|H5|微信小程序|支付宝小程序|百度小程序|头条小程序|QQ小程序| @@ -1129,7 +1131,7 @@ export default { - 暂不支持在 wxs、sjs、filter.js 中调用其他同类型文件 - wxs、filter.js既能内联使用又可以外部引入，sjs只能外部引入 - mp-qq 目前对内联的 wxs 支持不好，部分写法会导致编译出错 -- 在微信自定义组件中（wxcomponents）也可以使用wxs +- 在微信自定义组件中（wxcomponents）也可以使用wxs - ```nvue```页面暂不支持wxs、sjs、filter.js -- GitLab