yizhizan-h5/pages/my/ad.vue

<template>
	<view>
		<!-- 顶部导航栏 -->
		<view class="navbar" :style="{ paddingTop: (12 + statusBarHeight) + 'px' }">
			<view class="navbar-content">
				<view class="navbar-left" @click="goBack">
					<u-icon name="arrow-leftward" size="36" color="#fff"></u-icon>
				</view>
				<view class="navbar-title"></view>
				<view class="navbar-right"></view>
			</view>
		</view>

		<!-- <nav-bar title="基本信息"></nav-bar> -->
		<view :class="['contain flex flex-direction',pageType==1?'contain_1':'']">
			
							<image
								:src="pageType == 0 ? '../../static/images/my/niuren.png' : '../../static/images/my/boss.png'"
								class="header-icon" mode="widthFix" />
						
		</view>
		<!-- 权限说明弹窗 -->
	</view>
</template>

<script>
import configdata from '../../common/config.js';
import navBar from "@/components/nav-bar/index.vue";
// 引入组件
import empty from '../../components/empty.vue'
export default {
	components: {
		navBar,
		empty
	},
	data() {
		return {
			pageType:0
		};
	},
	onLoad(options) {
		// 获取状态栏高度
		this.pageType=options&&options.pageType
		// 获取状态栏高度
		let systemInfo = uni.getSystemInfoSync();
		this.statusBarHeight = systemInfo.statusBarHeight || 0;
	},
	methods: {
		goBack() {
			uni.navigateBack();
		},
	},

};
</script>

<style lang="scss" scoped>
page {
	
}

.navbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;

	.navbar-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 30rpx;
		height: 60rpx;

		.navbar-left {
			width: 60rpx;
			height: 60rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.navbar-title {
			color: rgba(23, 23, 37, 1);
			font-family: DM Sans;
			font-size: 36rpx;
			font-weight: 700;
			line-height: 52rpx;
			letter-spacing: 0%;
			text-align: center;
		}

		.navbar-right {
			width: 60rpx;
			height: 60rpx;
		}
	}
}

button::after {
	border: none;
	background-color: none;
}

button {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	box-sizing: border-box;
	text-decoration: none;
	line-height: 1.35;
	overflow: hidden;
	color: #666666;
	/* background-color: #fff; */
	background-color: rgba(255, 255, 255, 0) !important;
	width: 100%;
	height: 100%;
}

.contain {
	background: linear-gradient(to right, #1F69E1,#327AE8);
	padding-top: 120rpx;
	align-items: center;
	height: 100vh;
	.header-icon{
		width: 100%;
		display: block;
	}
}
.contain_1{
	background: linear-gradient(to right, #2A5DD2,#073CBD);
}
</style>