跨端兼容,条件编译;#ifedf与#endif


// #ifedf H5// #endif 必须成对出现
注意注释方式不同

template中

<!-- #ifedf H5 -->
<view>只在H5页面中显示</view>
<!-- #endif -->

<!-- #ifedf MP-WEIXIN -->
<view>只在微信小程序中显示</view>
<!-- #endif -->

script中

methods: {

  alertMessage() {
    // #ifedf H5
    alert('这一段只会在h5中执行')
    // #endif

    // #ifedf MP-WEIXIN
    alert('这一段只会在微信小程序中执行')
    // #endif
  }

}

style中

/* 在h5中使用这一套css */
/* #ifedf H5 */
.container {
  color: red;
  view {
    .....
  }
}
/* #endif */

/* 在微信小程序中使用这一套css */
/* #ifedf MP-WEIXIN */
.container {
  color: green;
  view {
    .....
  }
}
/* #endif */

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/288705.html

(0)
上一篇 2022年9月11日
下一篇 2022年9月11日

相关推荐

发表回复

登录后才能评论