From fe740a1dd4c95568d388bbd771f8569c786fe1bf Mon Sep 17 00:00:00 2001 From: anne-lxm <1076217653@qq.com> Date: Fri, 5 Mar 2021 01:07:37 +0800 Subject: [PATCH] =?UTF-8?q?nvue=E6=96=87=E6=A1=A3=E8=A1=A5=E5=85=85?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E6=94=AF=E6=8C=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/nvue-css.md | 23 +++++++++++++++++++++++ docs/nvue-outline.md | 21 +++++++++++++++++++++ 2 files changed, 44 insertions(+) diff --git a/docs/nvue-css.md b/docs/nvue-css.md index 1cfa0361b..21f7e88c6 100644 --- a/docs/nvue-css.md +++ b/docs/nvue-css.md @@ -18,6 +18,29 @@ - 文字内容,必须只能在```text```组件下,```text```组件不能换行写内容,否则会出现无法去除的周边空白 - 只有```text```标签可以设置字体大小,字体颜色 + +**HBuilderX 3.1.0+ 开始支持更多简写样式** +- `border` +- `border-top` +- `border-right` +- `border-bottom` +- `border-left` +- `border-style` +- `border-width` +- `border-color` +- `border-radius` +- `flex-flow` +- `background` + + +**HBuilderX 3.1.0+ 开始支持新的样式编译模式** +- 新增 `nvueStyleCompiler` 配置,支持组合选择器(相邻兄弟选择器、普通兄弟选择器、子选择器、后代选择器)。[详见](https://ask.dcloud.net.cn/article/38751) + + + + + + 下面有些正确和错误的写法示例对比: - 选择器类型仅支持 class 选择器 diff --git a/docs/nvue-outline.md b/docs/nvue-outline.md index c86747d84..e4659bf37 100644 --- a/docs/nvue-outline.md +++ b/docs/nvue-outline.md @@ -129,7 +129,28 @@ nvue 的页面跳转,与 weex 不同,仍然遵循 uni-app 的路由模型。 weex 编译模式下支持使用 weex ui ,例子[详见](https://ext.dcloud.net.cn/plugin?id=442)。但相比uni-app插件市场及官方[uni ui](https://ext.dcloud.net.cn/plugin?id=55)而言,weex语法的组件生态还是比较欠缺的。 + +**HBuilderX 3.1.0+ 开始支持新的样式编译模式** +- weex 编译模式:老模式,样式支持与普通 weex 相同 +- uni-app 编译模式:新模式,在 weex 原有样式基础上支持组合选择器(相邻兄弟选择器、普通兄弟选择器、子选择器、后代选择器)[详见](https://ask.dcloud.net.cn/article/38751) +```js + // manifest.json + { + // ... + /* App平台特有配置 */ + "app-plus": { + "nvueStyleCompiler": "uni-app" + } + } +``` + + + + + ## 快速上手 + + ### 1.新建nvue页面 在HBuilderX的 ```uni-app``` 项目中,新建页面,弹出界面右上角可以选择是建立```vue```页面还是```nvue```页面,或者2个同时建。 -- GitLab