28 lines
740 B
Vue
28 lines
740 B
Vue
<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> |