隐藏我的应用滚动条

init
gongdi 4 years ago
parent dd879366b2
commit 0fe6ac07b8

@ -3,7 +3,7 @@
<div class="my-application-content-style"> <div class="my-application-content-style">
<a-tabs v-if="appDataList.length > 0" v-model="tabKey"> <a-tabs v-if="appDataList.length > 0" v-model="tabKey">
<a-tabs-pane v-for="type in appDataList" :key="type.type_id" :tab="type.type_name" :forceRender="true"> <a-tabs-pane v-for="type in appDataList" :key="type.type_id" :tab="type.type_name" :forceRender="true">
<vue-scroll class="content-style" :ops="listScroll" style="height: 180px"> <div class="content-style" :ops="listScroll" style="height: 180px">
<div class="app-div-style clearfix" ref="appContentRef"> <div class="app-div-style clearfix" ref="appContentRef">
<div v-for="app in type.list" :key="app.id" class="app-btn-style" @click="appClick(app)"> <div v-for="app in type.list" :key="app.id" class="app-btn-style" @click="appClick(app)">
<div class="app-btn-back-style" > <div class="app-btn-back-style" >
@ -19,7 +19,7 @@
</div> </div>
</div> </div>
</div> </div>
</vue-scroll> </div>
</a-tabs-pane> </a-tabs-pane>
</a-tabs> </a-tabs>
</div> </div>
@ -166,10 +166,10 @@
} }
.content-style{ .content-style{
width: 100%; width: 100%;
height: 180px;
overflow: hidden;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
overflow-y: auto;
.app-div-style{ .app-div-style{
width: 100%; width: 100%;
display: flex; display: flex;
@ -201,6 +201,11 @@
} }
} }
} }
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE 10+ */
::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
.next-icon-style{ .next-icon-style{
display: none; display: none;
position: absolute; position: absolute;

Loading…
Cancel
Save