欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2024-01-16 10:59:28
图片静态资源复制到 static 目录下初始化配置全局样式设置全局 导航栏 和 底部 tabBar 设置注意:因为图片改了地址,所以你的 tabBar 地址也要修改一下创建对应页面项创建方法:如果出现错误单页面 js 的修改注意:wx 一定要改成 uni(如果你使用的 云服务 还是微信小程序的,那个连接云服务的就不需要修改,比如: 云服务器还需要设置云环境 ----------------- 设.....
  1. 图片静态资源复制
  • 到 static 目录下
    微信小程序转 nui-app 格式(图示)
  1. 初始化配置

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

  1. 全局样式设置

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

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

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

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

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

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

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

  1. 单页面 js 的修改

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

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

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

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

  1. 单页面 wxss 的修改

ctrl +C ctrl+v
微信小程序转 nui-app 格式(图示)

  1. 单页面 wxml 的修改

ctrl +C ctrl+v

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

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

本文地址:https://blog.csdn.net/qq_44163269/article/details/107153034