<template>
    <view>
        <navigator hover-class="none" url="/pages/setUpForm/form_submit?type=avatar" class="setupLabel">
            <view class="setupLabel-name">
                头像设置
            </view>
            <image src="/static/icon/rightsArrow.png"></image>
        </navigator>
        <navigator hover-class="none" url="/pages/setUpForm/form_submit?type=username" class="setupLabel">
            <view class="setupLabel-name">
                用户昵称
            </view>
            <image src="/static/icon/rightsArrow.png"></image>
        </navigator>
        <navigator hover-class="none" url="/pages/payPassword/index" class="setupLabel">
            <view class="setupLabel-name">
                支付密码
            </view>
            <image src="/static/icon/rightsArrow.png"></image>
        </navigator>
        <view class="setupLabel" @click="delStorage">
            <view class="setupLabel-name">
                退出登录
            </view>
            <image src="/static/icon/rightsArrow.png"></image>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {}
        },
        // 生命周期函数--监听页面加载
        onLoad(options) {},
    
        // 生命周期函数--监听页面显示
        onShow() {},
    
        methods: {
            // 退出登录
            delStorage() {
                uni.clearStorage()
                uni.navigateTo({
                    url:'/pages/auth/login'
                })
            }
        }
    }
</script>

<style lang="scss" scoped>
    .setupLabel {
        display: flex;
        background-color: #fff;
        margin-bottom: 20rpx;
        padding: 0 20rpx;
        width: 100%;
        box-sizing: border-box;
        line-height: 100rpx;
        font-size: 28rpx;
        .setupLabel-name {
            flex: 1;
        }
        image {
            width: 40rpx;
            height: 40rpx;
            margin-top: 30rpx;
        }
    }
</style>
