<template>
	<view class="box">
		<view class="tip">
			可用字母，数字建议为2-5字，不能有标点符号（尽量简短，便于推广宣传）
		</view>
		<list-item class="item" label="管理员账号" v-model="adminacount"></list-item>
		<list-item class="item" label="管理员密码" v-model="adminacount"></list-item>
		<list-item class="item" label="绑定QQ" v-model="adminacount"></list-item>
		<list-item class="item" label="网站名称" v-model="adminacount"></list-item>
		<button class="confim">页面主操作 Loading</button>
	</view>
</template>

<script>
	import listItem from '../../components/listitem/listItem.vue'
	export default {
		name: 'cosEdit',
		components: {
			listItem
		},
		data () {
			return {
				adminacount: ''
			}
		}
	}
</script>

<style scoped lang="scss">
	.box {
		padding: 20px 20px 0 20px;
		height: 100%;
		font-size: 28px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 40px;
		& .tip {
			margin: 16px 0 30px;
			font-size: 22px;
			font-family: PingFangSC-Regular, PingFang SC;
			color: #C1C4E3;
			line-height: 30px;
		}
		& .item{
			border-top: 1rpx solid #3A4361;
			&:last-child {
				border-bottom: 1rpx solid #3A4361;
			}
		}
		& .confim {
			margin-top: 150rpx;
			height: 90px;
			background: linear-gradient(102deg, #F4D8AB 0%, #EF6F5F 0%, #CD9C78 100%, #FB2636 100%);
			border-radius: 45px;
			font-size: 32px;
		}
	}
</style>
