2024-11-01 05:04:02 +00:00
|
|
|
|
<template>
|
2025-03-06 00:50:58 +00:00
|
|
|
|
<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>
|
2024-11-01 05:04:02 +00:00
|
|
|
|
</template>
|
2024-11-03 04:40:56 +00:00
|
|
|
|
|
2025-02-19 04:05:06 +00:00
|
|
|
|
<style scoped>
|
2025-03-06 00:50:58 +00:00
|
|
|
|
.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>
|
