设置-协议

master
panqihua 2 years ago
parent 27cd6dcf10
commit f012552e13
  1. 53
      src/views/platform/config/user_agreement.vue

@ -0,0 +1,53 @@
<template>
<div class="app-container">
<el-row>
<el-col :span="4">
<div v-for="item in menuList" :key="item" @click="currentMenu=item"
:class="{'active':item===currentMenu,'inactive':item!==currentMenu}">{{ item }}
</div>
</el-col>
<el-col :span="18" :offset="2">
富文本编辑器
</el-col>
</el-row>
<div class="text-center">
<el-button type="primary">保存</el-button>
<el-button>重置</el-button>
</div>
</div>
</template>
<script>
export default {
name: 'user_agreement',
data() {
return {
currentMenu: '用户协议',
menuList: ['用户协议', '隐私政策']
}
}
}
</script>
<style scoped lang="scss">
.active, .inactive {
cursor: pointer;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
text-align: center;
font-family: Roboto;
}
.active {
background-color: rgba(22, 132, 252, 1);
color: rgba(255, 255, 255, 1);
}
.inactive {
background-color: rgba(239, 239, 239, 1);
color: rgba(51, 51, 51, 1);
}
</style>
Loading…
Cancel
Save