H5_module/components/assistant-open/index.vue

<template>
	<view>
		<view class="ceng" @click="hidePop"></view>
		<view class="open-popup">
			<image :src="picUrlss+'scrm/xszs_pop.png'" class="open-pop-bg"></image>
			<view class="open-pop-c">
				<view>开通线索助手</view>
				<text>录入线索领好礼，商机确认100%领红包</text>
				<view class="open-pop-btn">授权开通</view>
			</view>
			<image src="../../static/pages/images/close2.png" class="open-pop-close" @click="hidePop"></image>
		</view>
	</view>
</template>

<script>
//index.js
//获取应用实例
const app = getApp();
const req = require('../../utils/request.js');
const api = require('../../utils/api.js');
export default {
	data() {
		return {
			picUrlss: req.public.picUrls,
		};
	},

	methods: {
		hidePop(){
			this.$emit('hideOpenPop')
		}
	},
	mounted() {
		const systemInfo = uni.getSystemInfoSync();
		// px转换到rpx的比例
		let pxToRpxScale = 750 / systemInfo.windowWidth;
		let systems = {
			ktxStatusHeight: systemInfo.statusBarHeight * pxToRpxScale, // 状态栏的高度
			navigationHeight: 44 * pxToRpxScale // 导航栏的高度
		};
		systems.barHeight = systems.ktxStatusHeight + systems.navigationHeight;
		this.systems = systems;
	},
};
</script>

<style>
	@import './index.css';
</style>