设置-协议

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>