uniapp条件注释实现跨段兼容

uni-app条件注释实现跨段兼容

  条件编译是用特殊的注释作为标记&＃xff0c;在编译时根据这些特殊的注释&＃xff0c;将注释里面的代码编译到不同平台。

  写法&＃xff1a;以 #ifdef 加平台标识 开头&＃xff0c;以 #endif 结尾。

  平台标识

1.组件的条件注释

  代码示例&＃xff1a;

h5能看到微信小程序能看到


  效果如下&＃xff1a;

2.api的条件注释

  代码示例&＃xff1a;

onLoad() {// #ifdef H5console.log(&＃39;h5页面&＃39;)// #endif// #ifdef MP-WEIXINconsole.log(&＃39;微信小程序&＃39;)// #endif}

  效果如下&＃xff1a;

3.样式的条件注释

  代码示例&＃xff1a;

/* #ifdef MP-WEIXIN */view {height: 100rpx;background-color: green;}/* #endif *//* #ifdef H5 */view {height: 100rpx;background-color: blue;}/* #endif */


  效果如下&＃xff1a;