29,027
社区成员
发帖
与我相关
我的任务
分享
.my-family-members-scroll {
padding-left: 14px;
height: 60px;
background-color: #ffffff;
.icon-ren {
padding-top: 25px;
float: left;
display: inline;
padding-right: 12px;
.icon-jiatingchengyuan {
font-size: 18px;
color: #808080;
}
}
.scroll-box {
float: right;
display: inline;
height: 100%;
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
width: 90%;
.family-members-box {
display: inline-block;
padding-left: 10px;
padding-top: 10px;
&:first-child {
padding-left: 0 !important;
}
&:last-child {
padding-right: 10px;
}
.family-members-img {
border: 1px solid #dddbdc;
width: 41px;
height: 41px;
border-radius: 41px;
}
}
}
.scroll-box::-webkit-scrollbar {
display: none !important;
}
}
<div class="my-family-members-scroll">
<div class="icon-ren"><i class="iconfont icon-jiatingchengyuan"></i></div>
<div class="scroll-box">
<div v-for="item in userItems" class="family-members-box">
<img class="family-members-img" :src="item.headImgUrl">
</div>
</div>
</div>
.scroll-box::-webkit-scrollbar {
width: 0;
height:0;
}