<template>
    <Cn-page :loading='loading'>
        <view slot='body'>
            <view class='index'>
                <uni-list>
                    <uni-list-item title="张三申请成为您的子用户" note="2023-02-10 14:55" thumb="/static/head.png" thumb-size="lg">
                        <template v-slot:footer>
                            <view class="footer-btn mt20" style="background:#e47470" @click="del">拒绝</view>
                            <view class="footer-btn mt20 ml10" @click="jump">通过</view>
                        </template>
                    </uni-list-item>
                    <uni-list-item title="李四申请成为您的子用户" note="2023-02-10 14:55" thumb="/static/head.png" thumb-size="lg">
                        <template v-slot:footer>
                            <view class="footer-btn mt20" style="background:#e47470" @click="del">拒绝</view>
                            <view class="footer-btn mt20 ml10" @click="jump">通过</view>
                        </template>
                    </uni-list-item>
                </uni-list>
                <uni-load-more status="nomore"></uni-load-more>
            </view>
        </view>
    </Cn-page>
</template>
<script>
export default {
    data () {
        return {
            loading: false
        }
    },
    methods: {
        jump () {
            uni.showModal({
                title: '提示',
                content: '确定要通过该成员吗？',
                success: function (res) {
                    if (res.confirm) {
                        console.log('用户点击确定')
                    } else if (res.cancel) {
                        console.log('用户点击取消')
                    }
                }
            })
        },
        del () {
            console.log('del');
            uni.showModal({
                title: '提示',
                content: '确定要拒绝该成员吗？',
                success: function (res) {
                    if (res.confirm) {
                        console.log('用户点击确定')
                    } else if (res.cancel) {
                        console.log('用户点击取消')
                    }
                }
            })
        }
    }
}
</script>
<style lang='scss'>
.index {
    padding: 20rpx;

    .footer-btn {
        padding: 0 20rpx;
        height: 50rpx;
        background-color: #007aff;
        font-size: 24rpx;
        color: #fff;
        text-align: center;
        line-height: 50rpx;
        border-radius: 10rpx;
    }
}
</style>