Browse Source

可视化弹窗滚动全局css

shibei_master
13176889840 3 years ago
parent
commit
d346febcb2
  1. 32
      src/views/main-shuju/main.vue
  2. 2
      src/views/modules/visual/communityParty/community.vue
  3. 2
      src/views/modules/visual/communityParty/dialogInfo.vue
  4. 28
      src/views/modules/visual/communityParty/unitInfo.vue

32
src/views/main-shuju/main.vue

@ -130,3 +130,35 @@ export default {
</script> </script>
<style lang="scss" src="@/assets/scss/main-shuju.scss" scoped></style> <style lang="scss" src="@/assets/scss/main-shuju.scss" scoped></style>
<style lang="scss">
.info-h {
height: calc(100vh - 320px);
overflow: auto;
}
.info-scroll {
&::-webkit-scrollbar {
width: 8px;
// background: linear-gradient(270deg, #0063FE, #0095FF);
}
&::-webkit-scrollbar-corner,
/* 滚动条角落 */
&::-webkit-scrollbar-thumb,
&::-webkit-scrollbar-track { /*滚动条的轨道*/
border-radius: 4px;
}
&::-webkit-scrollbar-corner,
&::-webkit-scrollbar-track {
/* 滚动条轨道 */
background: rgba(12, 129, 254, .24);
// box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
}
&::-webkit-scrollbar-thumb {
/* 滚动条手柄 */
background: linear-gradient(270deg, #1257c9, #0095FF);
}
}
</style>

2
src/views/modules/visual/communityParty/community.vue

@ -169,7 +169,7 @@
</div> </div>
</cpt-card> </cpt-card>
<dialog-info v-show="showedMoreInfo" <dialog-info v-if="showedMoreInfo" v-fixed
:info="detailInfo" :info="detailInfo"
@close="showedMoreInfo = false" /> @close="showedMoreInfo = false" />
<unit-info v-if="showedUnitMoreInfo" v-fixed <unit-info v-if="showedUnitMoreInfo" v-fixed

2
src/views/modules/visual/communityParty/dialogInfo.vue

@ -11,7 +11,7 @@
<img src="@/assets/img/shuju/people/close.png" /> <img src="@/assets/img/shuju/people/close.png" />
</div> </div>
<!-- <div class="list-title">需求内容</div> --> <!-- <div class="list-title">需求内容</div> -->
<div class="list-wr"> <div class="list-wr info-h info-scroll">
<div class="list"> <div class="list">
<!-- <div class="item-desc"> <!-- <div class="item-desc">

28
src/views/modules/visual/communityParty/unitInfo.vue

@ -435,34 +435,6 @@ export default {
flex: 1; flex: 1;
height: 100%; height: 100%;
} }
.info-h {
height: calc(100vh - 320px);
}
.info-scroll {
&::-webkit-scrollbar {
width: 8px;
// background: linear-gradient(270deg, #0063FE, #0095FF);
}
&::-webkit-scrollbar-corner,
/* 滚动条角落 */
&::-webkit-scrollbar-thumb,
&::-webkit-scrollbar-track { /*滚动条的轨道*/
border-radius: 4px;
}
&::-webkit-scrollbar-corner,
&::-webkit-scrollbar-track {
/* 滚动条轨道 */
background: rgba(12, 129, 254, .24);
// box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
}
&::-webkit-scrollbar-thumb {
/* 滚动条手柄 */
background: linear-gradient(270deg, #0063FE, #0095FF);
}
}
</style> </style>

Loading…
Cancel
Save