63 lines
1.8 KiB
Vue
63 lines
1.8 KiB
Vue
<template>
|
|
<view class="home-manage-page">
|
|
<app-navbar title="家庭管理" />
|
|
|
|
<scroll-view class="home-manage-page__scroll" scroll-y>
|
|
<view class="home-manage-page__body">
|
|
<text class="home-manage-page__summary">{{ summaryText }}</text>
|
|
|
|
<view class="home-manage-page__list">
|
|
<view class="home-manage-page__item" @tap="onOpenNameDialog">
|
|
<text class="home-manage-page__title">家庭名称</text>
|
|
<image
|
|
class="home-manage-page__arrow"
|
|
:src="staticAssets.iconChevronLeft"
|
|
mode="aspectFit"
|
|
/>
|
|
</view>
|
|
|
|
<view class="home-manage-page__divider" />
|
|
|
|
<view class="home-manage-page__item" @tap="onOpenLocation">
|
|
<view class="home-manage-page__location">
|
|
<text class="home-manage-page__title">家庭位置</text>
|
|
<text v-if="homeAddress" class="home-manage-page__desc">{{ homeAddress }}</text>
|
|
</view>
|
|
<image
|
|
class="home-manage-page__arrow"
|
|
:src="staticAssets.iconChevronLeft"
|
|
mode="aspectFit"
|
|
/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<home-name-dialog
|
|
v-model:visible="nameDialogVisible"
|
|
:value="homeName"
|
|
@confirm="onConfirmHomeName"
|
|
/>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { staticAssets } from '@/utils/static-assets'
|
|
import HomeNameDialog from '../components/home-name-dialog/index.vue'
|
|
import { useHomeManage } from '../use-home-manage'
|
|
|
|
const {
|
|
homeName,
|
|
homeAddress,
|
|
summaryText,
|
|
nameDialogVisible,
|
|
onOpenNameDialog,
|
|
onConfirmHomeName,
|
|
onOpenLocation,
|
|
} = useHomeManage()
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import '../home-manage.scss';
|
|
</style>
|