<template>
    <view class="logout-section">
        <view
            class="logout-section__btn"
            hover-class="mi-tap-btn--hover"
            :hover-stay-time="150"
            @tap="$emit('logout')"
        >
            <image
                class="logout-section__icon"
                src="https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/logout.png"
                mode="aspectFit"
            />
            <text class="logout-section__text">退出登录</text>
        </view>
    </view>
</template>

<script>
export default {
    options: {
        virtualHost: false,
        styleIsolation: 'apply-shared'
    },
    emits: ['logout']
}
</script>

<style>
@import '@/common/style/memberInfo/member-info-logout.css';
</style>
