From dad0474e3ee6c2c58fd2338733fa7d0652c82f5b Mon Sep 17 00:00:00 2001
From: 刘嘉威 <daidaibg@163.com>
Date: 星期二, 25 十月 2022 09:29:41 +0800
Subject: [PATCH] feat: 增加用户总览
---
src/views/setting.vue | 101 +++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 95 insertions(+), 6 deletions(-)
diff --git a/src/views/setting.vue b/src/views/setting.vue
index 7df5872..d4f17ab 100644
--- a/src/views/setting.vue
+++ b/src/views/setting.vue
@@ -1,13 +1,102 @@
-<script setup lang='ts'>
+<script setup lang="ts">
+import { useSettingStore } from "@/stores/index";
+import { ref } from "vue";
+const isScaleRadio = ref(false);
+const settingStore = useSettingStore();
+const init = () => {
+ settingStore.initSetting();
+ isScaleRadio.value = settingStore.isScale;
+};
+init();
+const handleClose = () => {};
+const cancelClick = () => {
+ settingStore.setSettingShow(false);
+};
+
+const confirmClick = () => {};
+const isScaleChange = (flag: boolean) => {
+ settingStore.setIsScale(flag);
+};
+const radiochange = (blag: boolean, type: string) => {
+ console.log(blag, type);
+ settingStore.setIsScale(blag);
+ // this.$store.commit('setting/updateSwiper', { val, type })
+ // if(type==='isScale'){
+ // // this.$router.go(0)
+ // // location.reload()
+ // // window.location.href=window.location.href+"?t="+Date.now()
+ // }
+};
</script>
<template>
- <div class=''>
-
- </div>
+ <el-drawer v-model="settingStore.settingShow" direction="rtl">
+ <template #header>
+ <h2 class="setting-title">璁剧疆</h2>
+ </template>
+ <template #default>
+ <div class="left_shu">鍏ㄥ眬璁剧疆</div>
+ <div class="setting_item">
+ <span class="setting_label">
+ 鏄惁杩涜鑷姩閫傞厤<span class="setting_label_tip"
+ >(榛樿鍒嗚鲸鐜�1920*1080)</span
+ >:
+ </span>
+ <div class="setting_content">
+ <el-radio-group v-model="isScaleRadio" @change="isScaleChange">
+ <el-radio :label="true">鏄�</el-radio>
+ <el-radio :label="false">鍚�</el-radio>
+ </el-radio-group>
+ </div>
+ </div>
+ </template>
+ <!-- <template #footer>
+ <div style="flex: auto">
+ <el-button @click="cancelClick">鍙栨秷</el-button>
+ <el-button type="primary" @click="confirmClick">纭畾</el-button>
+ </div>
+ </template> -->
+ </el-drawer>
</template>
-<style scoped lang='scss'>
+<style scoped lang="scss">
+.setting-title {
+ font-size: 20px;
+ color: #000;
+ font-weight: 900;
+ text-align: center;
+ line-height: 1;
+}
+.left_shu {
+ color: #000;
+ font-weight: 900;
+ position: relative;
+ text-indent: 10px;
+ padding: 16px 0 10px 0;
+ line-height: 1;
+ &::before {
+ display: block;
+ content: " ";
+ height: 16px;
+ width: 4px;
+ border-radius: 2px;
+ background: #0072ff;
+ position: absolute;
+ left: 0px;
+ }
+}
+.setting_item {
+ font-size: 14px;
+ line-height: 1.5;
-</style>
\ No newline at end of file
+ // display: flex;
+ .setting_label {
+ color: #555454;
+ }
+ .setting_label_tip {
+ font-size: 12px;
+ color: #838282;
+ }
+}
+</style>
--
Gitblit v1.8.0