Browse Source

放出滚动条

pull/90/head
zq 3 days ago
parent
commit
207b8411a0
  1. 29
      src/style/theme/common.scss
  2. 16
      src/views/agent/home.vue

29
src/style/theme/common.scss

@ -39,35 +39,6 @@ body {
color: #1E2226;
text-align: left;
}
/* 隐藏全局滚动条 */
/* 全局隐藏滚动条但排除el-table */
*:not(.el-table)::-webkit-scrollbar {
display: none;
}
body {
scrollbar-width: none;
-ms-overflow-style: none;
}
.element {
overflow: hidden; /* 通用方法 */
scrollbar-width: none; /* Firefox */
}
/* 对于WebKit浏览器 */
.element::-webkit-scrollbar {
display: none; /* Chrome, Safari, Edge */
}
.el-table__body-wrapper::-webkit-scrollbar {
display: block !important;
width: 6px;
height: 6px;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 3px;
}
.common_title{
font-weight: bold;

16
src/views/agent/home.vue

@ -36,7 +36,7 @@
<div class="supplyPrice common-area">
<h2>供货价格 </h2>
<div class="supplyPrice-main flex">
<div style="height:500px;overflow: hidden;" :class="['supplyPric-item', 'supplyPric-item' + classification_id]" v-for="(classification_name, classification_id) in serviceClassifications" :key="classification_id">
<div style="height:500px;overflow: hidden;" :class="['supplyPric-item','column', 'supplyPric-item' + classification_id]" v-for="(classification_name, classification_id) in serviceClassifications" :key="classification_id">
<div class="item-top flex-between">
<div class="flex">
<img :src="require(`@/assets/home/service_classification_${classification_id}.png`)" alt="">
@ -471,18 +471,26 @@ a {
gap: 20px;
.supplyPric-item {
padding: 20px 14px;
padding: 20px 0 20px 14px;
box-sizing: border-box;
color: #8A9099;
flex: 1;
border-radius: 4px;
transition: all .5s;
cursor: pointer;
.list-wrap{
flex: 1;
overflow-y: scroll;
width: 100%;
box-sizing: border-box;
padding-right: 14px;
}
.item-top {
border-bottom: 1px solid #EAECF0;
padding-bottom: 20px;
width: 100%;
box-sizing: border-box;
margin-right: 14px;
b {
color: #1E2226;
}

Loading…
Cancel
Save