微信小程序转 nui-app 格式(图示)

  1. 图片静态资源复制
  • 到 static 目录下
    微信小程序转 nui-app 格式(图示)_第1张图片
  1. 初始化配置

微信小程序转 nui-app 格式(图示)_第2张图片

  1. 全局样式设置

微信小程序转 nui-app 格式(图示)_第3张图片

  1. 全局 导航栏 和 底部 tabBar 设置

微信小程序转 nui-app 格式(图示)_第4张图片

  • 注意:因为图片改了地址,所以你的 tabBar 地址也要修改一下
    微信小程序转 nui-app 格式(图示)_第5张图片
  1. 创建对应页面项

微信小程序转 nui-app 格式(图示)_第6张图片

  • 创建方法:
    微信小程序转 nui-app 格式(图示)_第7张图片
  • 如果出现错误

在这里插入图片描述
微信小程序转 nui-app 格式(图示)_第8张图片

  1. 单页面 js 的修改

微信小程序转 nui-app 格式(图示)_第9张图片
注意

  • wx 一定要改成 uni(如果你使用的 云服务 还是微信小程序的,那个连接云服务的就不需要修改,比如:
    微信小程序转 nui-app 格式(图示)_第10张图片

    • 云服务器还需要设置云环境 ----------------- 设置方法

  • 其他使用 vue 的格式(比如:
    微信小程序转 nui-app 格式(图示)_第11张图片

  1. 单页面 wxss 的修改

ctrl +C ctrl+v
微信小程序转 nui-app 格式(图示)_第12张图片

  1. 单页面 wxml 的修改

ctrl +C ctrl+v

  • 注意:你在小程序里面的语法要改成 vue 的语法
    微信小程序转 nui-app 格式(图示)_第13张图片
  1. 单页面 json 的修改

微信小程序转 nui-app 格式(图示)_第14张图片

你可能感兴趣的:(uni-app)