前后端分离项目—微信小程序的创建及app.json的配置(二)

4.创建微信小程序项目

微信公众平台 (qq.com)

微信开放文档 (qq.com)

4.1获取appid

登录微信公众平台获取自己对应的appid并创建项目，不选择云服务，使用js模板。

5.配置app.json

5.1添加页面

创建完成微信小程序项目后，在app.json中添加页面代码

  "pages":["pages/index/index","pages/cate/cate","pages/store/store","pages/my/my","pages/logs/logs"],

5.2修改顶部框样式

  "window":{"backgroundTextStyle":"light","navigationBarBackgroundColor": "#6b8770","navigationBarTitleText": "易物","navigationBarTextStyle":"white"},

5.3添加taber底部导航栏

"tabBar": {"color": "#999","selectedColor": "#6b8770","backgroundColor": "#ededed","position": "bottom","borderStyle": "black","list": [{"pagePath": "pages/index/index","text": "首页","iconPath": "icons/home.png","selectedIconPath": "icons/homef.png"},{"pagePath": "pages/cate/cate","text": "类型","iconPath": "icons/cate.png","selectedIconPath": "icons/catef.png"},{"pagePath": "pages/store/store","text": "物品库","iconPath": "icons/store.png","selectedIconPath": "icons/storef.png"},{"pagePath": "pages/my/my","text": "个人中心","iconPath": "icons/my.png","selectedIconPath": "icons/myf.png"}]},

图标的需要自己阿里巴巴矢量图标库进行下载 iconfont-阿里巴巴矢量图标库
下载后放在pages同级文件的icons中，通过路径进行引入。
最终完成效果

前后端分离项目—微信小程序的创建及app.json的配置(二)相关推荐

微信小程序：未找到 app.json 中的定义的 pages “pages/index/index“ 对应的 WXML 文件
微信小程序:未找到 app.json 中的定义的 pages "pages/index/index" 对应的 WXML 文件前情:本人在自学微信小程序时,遇到了调用模板出现错误的 ...
vue.js毕业设计，基于vue.js前后端分离教室预约小程序系统设计与实现
功能介绍 [后台管理功能模块] 系统设置:设置关于我们.联系我们.加入我们.法律声明广告管理:设置小程序首页轮播图广告和链接留言列表:所有用户留言信息列表,支持删除会员列表:查看所有注册会员信息 ...
uni-app开发微信小程序getLocation 需要在app.json中声明permission字段解决办法
小程序更新了部分配置,位置授权要先在app.json里声明一下,这在以前是不需要,会提示getLocation 需要在app.json中声明permission字段,如图解决办法: 在manifes ...
微信小程序报错【app.json 文件内容错误】app.json app.json 未找到
[ app.json 文件内容错误] app.json: app.json 未找到(env: Windows,mp,1.05.2108130; lib: 2.15.0) 网上看到很多博客说出现这个错误 ...
HBuilderX 运行到微信小程序报错：app.json: app.json 未找到
"miniprogramRoot": "./unpackage/dist/dev/mp-weixin",
前后端分离的Java微信小程序B2C商城 H5+APP源码
Java B2C商城微信小程序 H5+APP源码前后端分离 H5+微信小程序+ Android+IOS, Java SpringBoot+vue 开发语言:JAVA 数据库:MySQL 开发工具:E ...
驾校分期-众筹项目java前后端分离项目vue（微信小程序+java前后端源码下载）
可以idea直接打开,mysql数据库项目,前后端分离项目vue,分期可自动设置,自动换算金额驾校分期-众筹项目java前后端分离项目vue(微信小程序+java前后端源码下载)
PHP开发B2C商城微信小程序商城系统源码+数据库，轻量级前后端分离的电商系统，支持微信小程序 + H5+ 公众号 + APP
项目介绍一款轻量级.高性能.前后端分离的电商系统,支持微信小程序 + H5+ 公众号 + APP,前后端源码完全开源,看见及所得,完美支持二次开发,可学习可商用,让您快速搭建个性化独立商城. 完整代 ...
React / Vue 前后端分离项目实现微信分享教程
小编推荐:Fundebug专注于JavaScript.微信小程序.微信小游戏,Node.js和Java实时BUG监控.真的是一个很好用的bug监控费服务,众多大佬公司都在使用. 网上非常多的微信分享例 ...

前后端分离项目—微信小程序的创建及app.json的配置(二)

目录

4.创建微信小程序项目

4.1获取appid

5.配置app.json

5.1添加页面

5.2修改顶部框样式

5.3添加taber底部导航栏

前后端分离项目—微信小程序的创建及app.json的配置(二)相关推荐

最新文章

热门文章