From 1938f20b9a7b1cdf4b6efe7474b1b9beff577a11 Mon Sep 17 00:00:00 2001 From: princed <1138322908@qq.com> Date: Tue, 31 Oct 2023 17:50:03 +0800 Subject: [PATCH 1/3] =?UTF-8?q?feat:=20vue=E6=A8=A1=E6=9D=BF=E6=94=AF?= =?UTF-8?q?=E6=8C=81=E6=9D=A1=E4=BB=B6=E7=BC=96=E8=AF=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- versioned_docs/version-3.x/envs.md | 32 ++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) diff --git a/versioned_docs/version-3.x/envs.md b/versioned_docs/version-3.x/envs.md index 7b0f41c6e898..c8ccf4b317bc 100644 --- a/versioned_docs/version-3.x/envs.md +++ b/versioned_docs/version-3.x/envs.md @@ -68,6 +68,38 @@ if (TARO_ENV === 'weapp') {} ``` ::: +### 组件文件中跨平台支持 + +为了方便大家书写样式跨端的组件代码，目前在.vue文件template模板内容中支持条件编译的特性。 + +指定平台保留样式： + +```vue +/* #ifdef %PLATFORM% */ +模板代码 +/* #endif */ +``` + +指定平台剔除样式： + +```vue +/* #ifndef %PLATFORM% */ +模板代码 +/* #endif */ +``` + +其中 `PLATFORM` 的取值与 `process.env.TARO_ENV` 保持一致 + +例如，希望某段模板内容只在 **微信小程序中** 生效，可以如下写法 + +```scss +/* #ifdef weapp */ +模板代码 +/* #endif */ +``` + +如果是多个平台，之间可以使用空格隔开。 + ## 统一接口的多端文件 内置环境变量虽然可以解决大部分跨端的问题，但是会让代码中充斥着逻辑判断的代码，影响代码的可维护性，而且也让代码变得愈发丑陋。为了解决这种问题，Taro 提供了另外一种跨端开发的方式作为补充。 From 5216854d72613a2271adbbfb58a857975cb0126f Mon Sep 17 00:00:00 2001 From: princed <1138322908@qq.com> Date: Mon, 13 Nov 2023 11:12:02 +0800 Subject: [PATCH 2/3] =?UTF-8?q?feat:=20vue=E6=A8=A1=E6=9D=BF=E6=94=AF?= =?UTF-8?q?=E6=8C=81=E6=9D=A1=E4=BB=B6=E7=BC=96=E8=AF=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/envs.md | 32 ++++++++++++++++++++++++++++++ versioned_docs/version-3.x/envs.md | 2 +- 2 files changed, 33 insertions(+), 1 deletion(-) diff --git a/docs/envs.md b/docs/envs.md index 7b0f41c6e898..638b9af3065f 100644 --- a/docs/envs.md +++ b/docs/envs.md @@ -68,6 +68,38 @@ if (TARO_ENV === 'weapp') {} ``` ::: +### 组件文件中跨平台支持 + +为了方便大家书写样式跨端的组件代码，目前在.vue文件template模板内容中支持条件编译的特性。 + +指定平台保留样式： + +```vue +/* #ifdef %PLATFORM% */ +模板代码 +/* #endif */ +``` + +指定平台剔除样式： + +```vue +/* #ifndef %PLATFORM% */ +模板代码 +/* #endif */ +``` + +其中 `PLATFORM` 的取值与 `process.env.TARO_ENV` 保持一致 + +例如，希望某段模板内容只在 **微信小程序中** 生效，可以如下写法 + +```vue +/* #ifdef weapp */ +模板代码 +/* #endif */ +``` + +如果是多个平台，之间可以使用空格隔开。 + ## 统一接口的多端文件 内置环境变量虽然可以解决大部分跨端的问题，但是会让代码中充斥着逻辑判断的代码，影响代码的可维护性，而且也让代码变得愈发丑陋。为了解决这种问题，Taro 提供了另外一种跨端开发的方式作为补充。 diff --git a/versioned_docs/version-3.x/envs.md b/versioned_docs/version-3.x/envs.md index c8ccf4b317bc..638b9af3065f 100644 --- a/versioned_docs/version-3.x/envs.md +++ b/versioned_docs/version-3.x/envs.md @@ -92,7 +92,7 @@ if (TARO_ENV === 'weapp') {} 例如，希望某段模板内容只在 **微信小程序中** 生效，可以如下写法 -```scss +```vue /* #ifdef weapp */ 模板代码 /* #endif */ From 036307ecefa4aa19a421615ef708e9649eed988a Mon Sep 17 00:00:00 2001 From: princed <1138322908@qq.com> Date: Wed, 15 Nov 2023 14:57:59 +0800 Subject: [PATCH 3/3] =?UTF-8?q?=E6=9D=A1=E4=BB=B6=E7=BC=96=E8=AF=91?= =?UTF-8?q?=E5=A4=9A=E5=B9=B3=E5=8F=B0=E6=94=AF=E6=8C=81=E6=96=87=E6=A1=A3?= =?UTF-8?q?=E8=AF=B4=E6=98=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/envs.md | 2 +- versioned_docs/version-3.x/envs.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/envs.md b/docs/envs.md index 638b9af3065f..4b638a2a1952 100644 --- a/docs/envs.md +++ b/docs/envs.md @@ -98,7 +98,7 @@ if (TARO_ENV === 'weapp') {} /* #endif */ ``` -如果是多个平台，之间可以使用空格隔开。 +如果是多个平台，之间可以使用 || 来分隔平台名称。 ## 统一接口的多端文件 diff --git a/versioned_docs/version-3.x/envs.md b/versioned_docs/version-3.x/envs.md index 638b9af3065f..4b638a2a1952 100644 --- a/versioned_docs/version-3.x/envs.md +++ b/versioned_docs/version-3.x/envs.md @@ -98,7 +98,7 @@ if (TARO_ENV === 'weapp') {} /* #endif */ ``` -如果是多个平台，之间可以使用空格隔开。 +如果是多个平台，之间可以使用 || 来分隔平台名称。 ## 统一接口的多端文件