purchase/pages/csubstation/edit.vue

60 lines
1.4 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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>