当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 微信小程序转 nui-app 格式（图示）

微信小程序转 nui-app 格式（图示）

2020年07月08日  | 移动技术网IT编程  | 我要评论
  1. 图片静态资源复制
  • 到 static 目录下
    在这里插入图片描述
  1. 初始化配置

在这里插入图片描述

  1. 全局样式设置

在这里插入图片描述

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

在这里插入图片描述

  • 注意：因为图片改了地址，所以你的 tabBar 地址也要修改一下
    在这里插入图片描述
  1. 创建对应页面项

在这里插入图片描述

  • 创建方法：
    在这里插入图片描述
  • 如果出现错误

在这里插入图片描述
在这里插入图片描述

  1. 单页面 js 的修改

在这里插入图片描述
注意：

  • wx 一定要改成 uni（如果你使用的 云服务 还是微信小程序的，那个连接云服务的就不需要修改，比如：
    在这里插入图片描述

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

  • 其他使用 vue 的格式（比如：
    在这里插入图片描述

  1. 单页面 wxss 的修改

ctrl +C ctrl+v
在这里插入图片描述

  1. 单页面 wxml 的修改

ctrl +C ctrl+v

  • 注意：你在小程序里面的语法要改成 vue 的语法
    在这里插入图片描述
  1. 单页面 json 的修改

在这里插入图片描述

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网