<template>
    <div class="layoutStyleSet">
        <el-icon class="tjm_tools_icon" size="24" :color="layoutStyle=='vertical'?'':'#fff'">
            <tjm-icon-ep-Grid @click="microShowClick"/>
        </el-icon>
    </div>
</template>

<script setup>
import { useSettingStore } from '@/store/settings.js'
import { watchEffect } from 'vue'

const settingStore = useSettingStore()

const { layoutStyle } = storeToRefs(settingStore)

function microShowClick() {
    layoutStyle.value = layoutStyle.value =='vertical'?'horizontal':'vertical'
}
</script>

<style lang='scss' scoped>
.layoutStyleSet {
  margin-left: 5px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
</style>