|
|
|
@ -3,7 +3,7 @@
|
|
|
|
|
<div class="my-application-content-style">
|
|
|
|
|
<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">
|
|
|
|
|
<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 v-for="app in type.list" :key="app.id" class="app-btn-style" @click="appClick(app)">
|
|
|
|
|
<div class="app-btn-back-style" >
|
|
|
|
@ -19,7 +19,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</vue-scroll>
|
|
|
|
|
</div>
|
|
|
|
|
</a-tabs-pane>
|
|
|
|
|
</a-tabs>
|
|
|
|
|
</div>
|
|
|
|
@ -166,10 +166,10 @@
|
|
|
|
|
}
|
|
|
|
|
.content-style{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 180px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
|
|
|
|
|
.app-div-style{
|
|
|
|
|
width: 100%;
|
|
|
|
|
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{
|
|
|
|
|
display: none;
|
|
|
|
|
position: absolute;
|
|
|
|
|