图片组件滚动条隐藏
This commit is contained in:
@@ -814,7 +814,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dis-f jus-x bottom-tps"
|
<div class="dis-f jus-x bottom-tps"
|
||||||
v-if="(recommendListData.length > 0&&housingInfo['data']&&!housingInfo['data']['info'].verified) || (recommendListData.length > 0&&housingInfo['data']&&!housingInfo['data'].isintermediary)">
|
v-if="(recommendListData.length > 0 && housingInfo['data'] && !housingInfo['data']['info'].verified) || (recommendListData.length > 0 && housingInfo['data'] && !housingInfo['data'].isintermediary)">
|
||||||
- {{ loadText }} -
|
- {{ loadText }} -
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -1115,7 +1115,7 @@ let imgListTab = ref(0)
|
|||||||
let interval = ''
|
let interval = ''
|
||||||
let clientWidth = ref(null)
|
let clientWidth = ref(null)
|
||||||
let scrollWidth = ref(null)
|
let scrollWidth = ref(null)
|
||||||
let scrollMove=false
|
let scrollMove = false
|
||||||
//点击方向按钮
|
//点击方向按钮
|
||||||
let moveImageList = (type) => {
|
let moveImageList = (type) => {
|
||||||
if (type === 'right' && imgScrollBottom()) return
|
if (type === 'right' && imgScrollBottom()) return
|
||||||
@@ -1127,17 +1127,17 @@ let moveImageList = (type) => {
|
|||||||
//设置滚动
|
//设置滚动
|
||||||
let setOffsetWidth = (num, type) => {
|
let setOffsetWidth = (num, type) => {
|
||||||
let scroll = 0
|
let scroll = 0
|
||||||
if(scrollMove)return
|
if (scrollMove) return
|
||||||
scrollMove=true
|
scrollMove = true
|
||||||
interval = setInterval(() => {
|
interval = setInterval(() => {
|
||||||
if (!imageList.value) {
|
if (!imageList.value) {
|
||||||
scrollMove=false
|
scrollMove = false
|
||||||
clearInterval(interval)
|
clearInterval(interval)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
scroll = type === 'left' ? imageList.value.scrollLeft -= 10 : imageList.value.scrollLeft += 10
|
scroll = type === 'left' ? imageList.value.scrollLeft -= 10 : imageList.value.scrollLeft += 10
|
||||||
if ((type === 'left' ? num >= scroll : num <= scroll)) {
|
if ((type === 'left' ? num >= scroll : num <= scroll)) {
|
||||||
scrollMove=false
|
scrollMove = false
|
||||||
clearInterval(interval)
|
clearInterval(interval)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -1599,7 +1599,7 @@ img {
|
|||||||
color: #555555;
|
color: #555555;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
width:876px;
|
width: 876px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.need-houing-type {
|
.need-houing-type {
|
||||||
@@ -2467,8 +2467,10 @@ img {
|
|||||||
|
|
||||||
.list-box {
|
.list-box {
|
||||||
overflow-x: scroll;
|
overflow-x: scroll;
|
||||||
overflow: -moz-scrollbars-none; // Firefox
|
scrollbar-color: transparent transparent;
|
||||||
-ms-overflow-style: none;// 微软
|
scrollbar-track-color: transparent;
|
||||||
|
-ms-scrollbar-track-color: transparent;
|
||||||
|
-ms-overflow-style: none; // 微软
|
||||||
height: 120px;
|
height: 120px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user