train-student/src/layout/class/groupStuList.vue

<template>
  <div id="groupStuList">
    <el-row>
      <el-col :span="24" class="list" v-for="(item, index) in groupStuList" :key="index">
        <van-swipe-cell>
          <van-cell :border="false" :title="'学生姓名：' + item.name" />
          <template slot="right">
            <van-button square type="primary" text="指派" @click="clickLeader()" />
            <van-button square type="danger" text="退出" @click="clickOut()" />
          </template>
        </van-swipe-cell>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'groupStuList',
  props: {
    groupStuList: null,
  },
  components: {},
  data: () => ({}),
  created() {},
  computed: {},
  methods: {
    clickOut() {
      this.$emit('clickOut');
    },
    clickLeader() {
      this.$emit('clickLeader');
    },
  },
};
</script>

<style lang="less" scoped>
p {
  padding: 0;
  margin: 0;
}
.list {
  background: #fff;
  margin: 0 5px 5px 5px;
  width: 97%;
  padding: 0 10px;
  border-radius: 15px;
}
.list .name {
  padding: 15px 0;
  font-size: 18px;
}
</style>