【微信小程序】(1):从h5向微信小程序迁移

小程序虽然与html很像,但是迁移也需要改变很多地方
其中html为使用 vue框架
小程序为 原生框架

01 总结

1.1 wxml部分

  • ==>
    (注意里面的template也要全部删除!)
  • ==> (图片可能还会涉及到是否锁定纵横比的问题)
  • ==>
  • wx:forwx:keywx:if==> v-forv-if (注意小程序里面条件要用{{}}括起来)
  • bindtap==>@click

1.2 wxss部分

  • page ==> body
  • image ==> img (这个很容易忘记!!!)

1.3 单位换算

对于750px宽度

  • 1rem = (750/20)rpx = 37.5 px
  • 1px = 1rpx

02 一些例子

2.1 段落标签

.

改为
说明:vue框架还需要把里面的