开始

准备

首先看一遍官方文档

opentools.95516.com/applet/#/

安装sdk

1. 用npm安装npm install upsdk-vue
2. 直接引入sdk文件 open.95516.com/s/open/js/u…
3. 在使用到的页面引入

下载 vue-cup-ui.zip 包

下载地址 https://open.95516.com/s/open/components/vue-cup-ui.zip然后在main.js里面挂载,授权组件用到

初始化SDK

在APP.vue里面调用

		upsdk.pluginReady(() => {
			upsdk.setTitleStyle({
				// 可选，导航栏(含状态栏)背景色及透明度。16进制，前2位(8F)透明度，后六位(FFFFFF)颜色，仅当前页有效，其余页还是申请配置的导航默认颜色
				navBackgroundColor: '0x8FFFFFFF',
				appletStyle: 'black', //可选，black-黑色主题，white-白色主题
				backBtnVisible: '0', // 可选，左侧返回按钮是否显示。'0'不显示，'1'显示，不传或空则默认显示
				appletTitleBarVisible: '0', // 可选，标题栏是否显示。'0'不显示，'1'显示，默认显示
				appletTitleGradientOrient: 'top', // 可选，渐变色方向，支持top、bottom、left、right
				appletTitleGradientStartColor: '0x8FFFFFFF', //渐变起始颜色
				appletTitleGradientEndColor: '0x88888888' //渐变结束颜色
			})
			if (upsdk?.getSystemInfo) {
				upsdk.getSystemInfo({
					success: data => {
						console.log('获取状态栏高度12', data)
						this.$store.commit('app/SET_NAV_HEIGHT', data.statusBarHeight)
					}
				})
			}
		})

详细配置文档有写 待续...