zhxy-desk/pages/studentRanked/components/mark-score-list.vue

<template>
    <el-drawer append-to-body title="点评记录" :visible.sync="show" size="400px" direction="ltr" style="backdrop-filter: blur(4px);">
        <u-cell-group v-for="index in 20">
            <u-cell class="ui-hover" clickable title="李杰">
                <image slot="icon" class="ui-mr10" src="https://zhxy.obs.cn-hz1.ctyun.cn:443/static/student_icon/0.png" style="width: 40px;height: 40px;"></image>
                <!-- <view slot="title" class="ui-flex-row ui-flex-align-center">
                    <u-tag plain size="mini" text="优秀发言"></u-tag>
                    <text>李杰</text>
                </view> -->
                <text slot="label" class="txt-muted">今天 23:52:12</text>
                <el-tag slot="value" plain>优秀发言 +1</el-tag>
                <!-- <u-badge slot="value" value="+1" plain size="mini" type="success"></u-badge> -->
            </u-cell>
            <u-cell class="ui-hover" clickable title="李杰">
                <image slot="icon" class="ui-mr10" src="https://zhxy.obs.cn-hz1.ctyun.cn:443/static/student_icon/0.png" style="width: 40px;height: 40px;"></image>
                <text slot="label" class="txt-muted">今天 23:52:12</text>
                <!-- <u-badge slot="value" value="-1" plain size="mini" type="error"></u-badge> -->
                <el-tag slot="value" plain type="danger">上课开小差 -1</el-tag>
            </u-cell>
        </u-cell-group>
        <view>
            <text class="text-center ui-m ui-p">加载更多</text>
        </view>
    </el-drawer>
</template>

<script>
    export default {
        data(){
            return {
                show : false,
            }
        },
        methods : {
            open(){
                this.show = true
            }
        }
    }
</script>

<style>
</style>