<template>
  <el-scrollbar height="100px">
      <H2 v-for="item in 1" :key="item" class="scrollbar-demo-item">
          Scrollbar 滚动条内容{{ item }}:<br /><br />
          逆境清醒：<br />
          阳光总在风雨后，<br />
          历练中完成自我升华!<br />
          共勉！<br />
      </H2>
  </el-scrollbar>
</template>

<style scoped>
  .scrollbar-demo-item {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 400px;
      margin: 10px;
      padding:30px;
      width:300px;
      text-align: left;
      border-radius: 4px;
      background: var(--el-color-primary-light-9);
      color: var(--el-color-primary);
      border:5px solid #0094ff;
  }
</style>