feat: 增加中间地图

刘嘉威

2022-10-25 19fe2c123c31b18566f36a2773b0f2ea0901df63

 src/views/setting.vue

@@ -1,13 +1,97 @@
<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 })

};

</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>
  // display: flex;

  .setting_label {

    color: #555454;

  }

  .setting_label_tip {

    font-size: 12px;

    color: #838282;

  }

}

</style>