zhusen / kelude-outside-web · Files

<template>
  <v-dialog persistent v-model="dialogStore.dialog" width="auto">
    <v-toolbar color="blue-darken-1" title="Contact Us"></v-toolbar>
    <v-card>
      <v-card-text
        ><span class="text-grey-darken-1 font-weight-medium">Email： </span>
        <span class="text-grey-darken-4 font-weight-medium">contact@canrd.com</span>
      </v-card-text>
      <v-card-text
        ><span class="text-grey-darken-1 font-weight-medium"> QQ： </span>
        <span class="text-grey-darken-4 font-weight-medium"> 3003597584 / 2902385824 </span>
      </v-card-text>
      <p>
        <img src="/wechat.jpg" alt="" width="140" class="tw-m-auto tw-block" />
      </p>
      <v-card-actions>
        <v-btn color="blue-darken-1" block @click="dialogStore.updateDialog(false)">Close </v-btn>
      </v-card-actions>
    </v-card>
  </v-dialog>
</template>

<script setup lang="ts">
import { useDialogStore } from '@/stores/dialog'
const dialogStore = useDialogStore()
console.log('%c [ dialogStore ]-26', 'font-size:13px; background:pink; color:#bf2c9f;', dialogStore)
defineProps<{
  dialog: boolean
}>()
</script>

<style lang="less" scoped></style>