From f012552e13f452438668897ca918e146ca8fc040 Mon Sep 17 00:00:00 2001
From: panqihua <panqihua@melt.icu>
Date: Sat, 21 Jan 2023 02:02:25 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E7=BD=AE-=E5=8D=8F=E8=AE=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/platform/config/user_agreement.vue | 53 ++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 src/views/platform/config/user_agreement.vue

diff --git a/src/views/platform/config/user_agreement.vue b/src/views/platform/config/user_agreement.vue
new file mode 100644
index 0000000..bbc39c0
--- /dev/null
+++ b/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>