首页 > 编程语言 >uniappuviewvue3开发微信小程序(二)

uniappuviewvue3开发微信小程序(二)

时间:2022-09-08 00:03:32浏览次数:80  
标签:index 新建 微信 app 程序 navigationBarTitleText uniappuviewvue3 uni pages

我们使用HBuilderX编辑器创建完成项目后,然后登陆https://mp.weixin.qq.com/ 用自己的微信号码扫码登录小程序,找到开发者id,然后黏贴到我们项目manifest.json-微信小程序设置中即可.

我们要做一个一个crm系统,简单来讲就是可以新建客户,新建联系人,新建商机,新建合同,新建产品(支持上下架等功能),合同有了,合同审核成功后还有新建回款,然后新建发票。总之来说是一个销售系统,记录每个员工销售的产品,新增的客户,新增的商机到最后成立合同,给公司带来收益大概这样一个管理系统。

我们的小程序底部首先要用“首页”,“客户”、“商机”,“我的”四个区域。我们在项目pages.json文件中对应代码如下

点击查看代码
{
	"pages": [ //pages数组中第一项表示应用启动页,这里相当于纯vue 项目中的路由
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "uni-app"
			}
		},
		{
			"path": "pages/customer/index",
			"style": {
				"navigationBarTitleText": "uni-app"
			}
		},
		{
			"path": "pages/my/index",
			"style": {
				"navigationBarTitleText": "uni-app"
			}
		},
		{
			"path": "pages/opportunity/index",
			"style": {
				"navigationBarTitleText": "uni-app"
			}
		}
	],
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#F8F8F8",
		"backgroundColor": "#F8F8F8"
	},
	"uniIdRouter": {},
	"tabBar": {
		"backgroundColor": "white",
		"list": [{
				"pagePath": "pages/index/index",
				"text": "首页"
			},
			{
				"pagePath": "pages/customer/index",
				"text": "客户"
			},
			{
				"pagePath": "pages/opportunity/index",
				"text": "商机"
			}, {
				"pagePath": "pages/my/index",
				"text": "我的"
			}
		]
	}
}

第三步计划封装请求,引入uview ui 组建库,有空更新

标签:index,新建,微信,app,程序,navigationBarTitleText,uniappuviewvue3,uni,pages
From: https://www.cnblogs.com/sweetpitaya/p/16667658.html

相关文章