parent
27cd6dcf10
commit
f012552e13
@ -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…
Reference in new issue