|
|
|
@@ -52,18 +52,6 @@ |
|
|
|
<div class="clear"></div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="box1"> |
|
|
|
<div class="wrap"> |
|
|
|
<ul> |
|
|
|
<li>1移动端</li> |
|
|
|
<li>2可滑动</li> |
|
|
|
<li>3ie8以上</li> |
|
|
|
<li>4</li> |
|
|
|
<li>5</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@@ -134,28 +122,7 @@ |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
.box1{ |
|
|
|
width: 100PX; |
|
|
|
height: 60PX; |
|
|
|
overflow: hidden;/* 超出隐藏滚动条 */ |
|
|
|
background-color: skyblue; |
|
|
|
} |
|
|
|
.box1 .wrap{ |
|
|
|
width: 100PX;/* 和父盒子宽度一样 */ |
|
|
|
height: 76PX;/* 比里层元素高16px 为了隐藏滚动条*/ |
|
|
|
overflow-x: scroll;/* 定义超出此盒子滚动 */ |
|
|
|
overflow-y: hidden; |
|
|
|
} |
|
|
|
.box1 .wrap ul{ |
|
|
|
width: 300PX; |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
.box1 .wrap ul li{ |
|
|
|
flex: 1; |
|
|
|
width: 60PX; |
|
|
|
height: 60PX; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
.home_wrapper{ |
|
|
|
background: #e9e9e9; |
|
|
|
min-height: 100vh; |
|
|
|
|
