跨端兼容
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
[[uni-app]]
&color(red){※前提条件：vue3 的uniapp开发};
#contents
* 概要 [#qea9c970]
在 C 语言中，通过 #ifdef、#ifndef 的方式，为 windows、mac...
* 运行时（runtime） [#w692a39f]
runtime不是运行在电脑开发环境，而是运行在真正的终端上。
uni-app在每个平台（Web、Android App、iOS App、各家小程序...
- 在小程序端，uni-app的runtime，主要是一个小程序版的vue r...
- 在web端，uni-app的runtime相比普通的vue项目，多了一套ui...
- 在App端，uni-app的runtime更复杂，可以先简单理解为DCloud...
* 条件编译 [#kdcf2963]
条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注...
写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif ...
- #ifdef：if defined 仅在某平台存在
- #ifndef：if not defined 除了某平台均存在
- %PLATFORM%：平台名称
|条件编译写法|说明|h
|#ifdef APP-PLUS&br; 需条件编译的代码&br; #endif&br; |仅...
|#ifndef H5&br; 需条件编译的代码&br; #endif|除了 H5 平台...
|#ifdef H5 ｜｜ MP-WEIXIN&br; 需条件编译的代码&br; #endif...
** %PLATFORM% 可取值如下： [#b3e7e450]
|值|平台|h
|APP-PLUS|App|
|APP-PLUS-NVUE或APP-NVUE|App nvue|
|H5|H5|
|MP-WEIXIN|微信小程序|
|MP-ALIPAY|支付宝小程序|
|MP-BAIDU|百度小程序|
|MP-TOUTIAO|字节跳动小程序|
|MP-QQ|QQ小程序|
|MP-360|360小程序|
|MP|微信小程序/支付宝小程序/百度小程序/字节跳动小程序/QQ...
|QUICKAPP-WEBVIEW|快应用通用(包含联盟、华为)|
|QUICKAPP-WEBVIEW-UNION|快应用联盟|
** 例子 [#j145ac68]
*** 组件 [#f73da654]
#codeprettify{{
<!-- #ifdef MP-WEIXIN -->
<ad unit-id="123456789"></ad>
<!-- #endif -->
}}
***CSS [#jebed00e]
在 CSS 中使用条件编译，往往是因为某些平台的内置组件的样式...
#codeprettify{{
/* #ifdef MP-ALIPAY*/
input {
padding: 0;
/* #endif */
}
}}
*** js [#m2ce3955]
#codeprettify{{
// #ifdef APP-PLUS
const uuid = plus.device.uuid;
// #endif
}}
*** json [#l31c0662]
#codeprettify{{
{
"globalStyle": {
"navigationBarBackgroundColor": "#FF3333"
},
"pages": [{
"path": "pages/index/index"
}
// #ifdef APP-PLUS
, {
"path": "pages/speech/speech"
}
// #endif
]
}
}}
#hr();
Comment：
#comment_kcaptcha
終了行:
[[uni-app]]
&color(red){※前提条件：vue3 的uniapp开发};
#contents
* 概要 [#qea9c970]
在 C 语言中，通过 #ifdef、#ifndef 的方式，为 windows、mac...
* 运行时（runtime） [#w692a39f]
runtime不是运行在电脑开发环境，而是运行在真正的终端上。
uni-app在每个平台（Web、Android App、iOS App、各家小程序...
- 在小程序端，uni-app的runtime，主要是一个小程序版的vue r...
- 在web端，uni-app的runtime相比普通的vue项目，多了一套ui...
- 在App端，uni-app的runtime更复杂，可以先简单理解为DCloud...
* 条件编译 [#kdcf2963]
条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注...
写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif ...
- #ifdef：if defined 仅在某平台存在
- #ifndef：if not defined 除了某平台均存在
- %PLATFORM%：平台名称
|条件编译写法|说明|h
|#ifdef APP-PLUS&br; 需条件编译的代码&br; #endif&br; |仅...
|#ifndef H5&br; 需条件编译的代码&br; #endif|除了 H5 平台...
|#ifdef H5 ｜｜ MP-WEIXIN&br; 需条件编译的代码&br; #endif...
** %PLATFORM% 可取值如下： [#b3e7e450]
|值|平台|h
|APP-PLUS|App|
|APP-PLUS-NVUE或APP-NVUE|App nvue|
|H5|H5|
|MP-WEIXIN|微信小程序|
|MP-ALIPAY|支付宝小程序|
|MP-BAIDU|百度小程序|
|MP-TOUTIAO|字节跳动小程序|
|MP-QQ|QQ小程序|
|MP-360|360小程序|
|MP|微信小程序/支付宝小程序/百度小程序/字节跳动小程序/QQ...
|QUICKAPP-WEBVIEW|快应用通用(包含联盟、华为)|
|QUICKAPP-WEBVIEW-UNION|快应用联盟|
** 例子 [#j145ac68]
*** 组件 [#f73da654]
#codeprettify{{
<!-- #ifdef MP-WEIXIN -->
<ad unit-id="123456789"></ad>
<!-- #endif -->
}}
***CSS [#jebed00e]
在 CSS 中使用条件编译，往往是因为某些平台的内置组件的样式...
#codeprettify{{
/* #ifdef MP-ALIPAY*/
input {
padding: 0;
/* #endif */
}
}}
*** js [#m2ce3955]
#codeprettify{{
// #ifdef APP-PLUS
const uuid = plus.device.uuid;
// #endif
}}
*** json [#l31c0662]
#codeprettify{{
{
"globalStyle": {
"navigationBarBackgroundColor": "#FF3333"
},
"pages": [{
"path": "pages/index/index"
}
// #ifdef APP-PLUS
, {
"path": "pages/speech/speech"
}
// #endif
]
}
}}
#hr();
Comment：
#comment_kcaptcha
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
