test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: --bug=1007740 --user=刘瑞斌 【消息中心】消息中心选择页码的下拉框建议固定大小 https://www.tapd.cn/55049933/s/1064398

This commit is contained in:
CaptainB 2021-11-04 18:00:48 +08:00 committed by 刘瑞斌
parent 10aa1b6036
commit ebce46296e
2 changed files with 59 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/business/components/notice/components/MentionedMeData.vue
View File

@ -8,7 +8,9 @@
</span>
<span v-else class="el-dropdown-link">0/0</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item v-for="i in totalPage" :key="i" :command="i">{{ i }}</el-dropdown-item>
<div class="dropdown-content">
<el-dropdown-item v-for="i in totalPage" :key="i" :command="i">{{ i }}</el-dropdown-item>
</div>
</el-dropdown-menu>
</el-dropdown>
<el-button icon="el-icon-arrow-left" size="mini" :disabled="goPage === 1" @click="prevPage"/>
@ -186,4 +188,30 @@ export default {
font-size: 14px;
}
.dropdown-content {
max-height: 240px;
overflow: auto;
/*margin-top: 5px;*/
}
/* 设置滚动条的样式 */
.dropdown-content::-webkit-scrollbar {
width: 8px;
}
/* 滚动槽 */
.dropdown-content::-webkit-scrollbar-track {
border-radius: 10px;
}
/* 滚动条滑块 */
.dropdown-content::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(0, 0, 0, 0.2);
}
.dropdown-content::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 0, 0, 0.4);
}
</style>

31
frontend/src/business/components/notice/components/SystemNoticeData.vue
View File

@ -8,7 +8,9 @@
</span>
<span v-else class="el-dropdown-link">0/0</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item v-for="i in totalPage" :key="i" :command="i">{{ i }}</el-dropdown-item>
<div class="dropdown-content">
<el-dropdown-item v-for="i in totalPage" :key="i" :command="i">{{ i }}</el-dropdown-item>
</div>
</el-dropdown-menu>
</el-dropdown>
<el-button icon="el-icon-arrow-left" size="mini" :disabled="goPage === 1" @click="prevPage"/>
@ -184,4 +186,31 @@ export default {
border-radius: 30px;
font-size: 14px;
}
.dropdown-content {
max-height: 240px;
overflow: auto;
/*margin-top: 5px;*/
}
/* 设置滚动条的样式 */
.dropdown-content::-webkit-scrollbar {
width: 8px;
}
/* 滚动槽 */
.dropdown-content::-webkit-scrollbar-track {
border-radius: 10px;
}
/* 滚动条滑块 */
.dropdown-content::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(0, 0, 0, 0.2);
}
.dropdown-content::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 0, 0, 0.4);
}
</style>