<template>
  <m-grid
    :template="[
      'title title title',
      'box1 . box3',
      'box1 . box3',
      'box2 . box3',
      'box2 box4 box4',
    ]"
    columns="1fr 1.5fr 1fr"
    rows="0.4rem 1fr 0.5fr 0.5fr 1fr"
  >
    <m-title area="title" @touch="showFilterModal = true">静安智慧房管</m-title>
    <m-modal
      v-model="showFilterModal"
      title="布局设定"
      width="98vw"
      height="92vh"
      offset-y=".2rem"
      bg-color="rgba(0,0,0,0.5)"
    >
      123
    </m-modal>
  </m-grid>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
const showFilterModal = ref(false)
</script>

<style lang="stylus"></style>
