hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-18 23:36:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: 添加滚动条样式并调整选区区域的类名以提升用户体验

Browse Source
This commit is contained in:
huweihang
2025-12-17 02:07:14 +08:00
parent e8615ff1db
commit a6c389b80b
1 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/signup/SignupModal.vue
View File

@@ -104,7 +104,7 @@
<div class="already">已选</div> <div class="already">已选</div>
</div> </div>
</div> </div>
<div :style="{ 'max-height': screenHeight - 235 + 'px' }" style="overflow-y: auto"> <div class="selected-area" :style="{ 'max-height': screenHeight - 235 + 'px' }" style="overflow-y: auto">
<div class="selecteds" v-if="infoType"> <div class="selecteds" v-if="infoType">
<div class="person">项目内学员</div> <div class="person">项目内学员</div>
<div v-for="(item, i) in projectSelectRows" :key="item.id || item.studentId"> <div v-for="(item, i) in projectSelectRows" :key="item.id || item.studentId">
@@ -596,8 +596,23 @@ export default {
.right1 { .right1 {
border-left: 1px solid #f2f6fe; border-left: 1px solid #f2f6fe;
margin-left: 20px; margin-left: 20px;
max-width: 200px; width: 200px;
.selected-area {
&::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #4284F7;
}
&::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color:rgba(0, 0, 0, .1);
border-radius: 4px;
}
&::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #4284F7
}
}
.onerow { .onerow {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;