<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>
|
<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">
|
.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;
|
|
// display: flex;
|
.setting_label {
|
color: #555454;
|
}
|
.setting_label_tip {
|
font-size: 12px;
|
color: #838282;
|
}
|
}
|
</style>
|
