<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">移除</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">移除</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: {
    }
}
</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>