<template>
	<view>
		<view class="nav_area"></view>
		<view class="setPage">
			<view class="switch_item">
				<view class="icon_new"><image src="../../../static/user/ze-gold-coin-o@2x.png" mode=""></image></view>
				<view style="flex:1;">用户端充值按钮</view>
				<switch checked="true" @change="" color="#00E266" />
			</view>
			<view class="switch_item">
				<view class="icon_new"><image src="../../../static/user/ze-gold-coin-o@2x.png" mode=""></image></view>
				<view style="flex:1;">代理端充值按钮</view>
				<switch checked="true" @change="" color="#00E266" />
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.nav_area {
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 99;
		background-color: #fff;
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
		width: 700rpx;
		height: 88rpx;
		padding: 0px 25rpx;
		padding-top: var(--status-bar-height);
		box-sizing: content-box;
		color: #b0b0b0;
		font-size: 14px;
	}
	.setPage{
		padding: 40rpx;
		font-size: 14px;
		color: #444;
	}
	.switch_item{
		height: 48rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20rpx 0px;
		margin-bottom: 40rpx;
		.icon_new{
			left: 32rpx;
			top: 22rpx;
			width: 48rpx;
			height: 48rpx;
			margin-right: 14rpx;
			image{
				width: 48rpx;
				height: 48rpx;
			}
		}
		switch{
			scale: (0.8);
		}
	}
	
	
	
</style>
