MTP20_WEB_GLOBAL/src/packages/mobile/views/mine/setting/Index.vue

<template>
    <app-view class="navmenu-setting" :loading="false">
        <template #header>
            <app-navbar title="设置" />
        </template>
        <div class="g-navmenu" style="margin-top:.2rem">
            <CellGroup>
                <Cell is-link :to="{ name: 'user-password' }">
                    <template #title>
                        <app-iconfont icon="g-icon-password">修改密码</app-iconfont>
                    </template>
                </Cell>
                <Cell is-link :to="{ name: 'user-cancel' }" v-if="showCancel">
                    <template #title>
                        <app-iconfont icon="g-icon-cancel">注销服务</app-iconfont>
                    </template>
                </Cell>
            </CellGroup>
        </div>
    </app-view>
</template>

<script lang="ts" setup>
import { Cell, CellGroup } from 'vant'
import AppIconfont from '@/components/base/iconfont/index.vue'

defineProps({
    showCancel: {
        type: Boolean,
        default: true
    }
})
</script>