<div class="detail" v-show='detailShow'>
<div class="detailWrap clearfix">
<div class="detailMain">
<h1>{{seller.name}}</h1>
</div>
</div>
<div class="detailClose" @click='closeDetaile'>
<i class='icon-close'></i>
</div>
</div>
----------
.clearfix
display:inline-block
&:after
display:block
content:'.'
height:0
line-height:0
visibility:hidden
clear:both
----------
.detail
position:fixed
width:100%
height:100%
overflow:auto
top:0
left:0
z-index:100
background:rgba(7,17,27,0.8)
.detailWrap
width:100%
min-height:100%
.detailMain
margin-top:64px
padding-bottom:64px
.name
font-size:16px
.detailClose
position:relative
width:32px
height:32px
font-size:32px
line-height:32px
margin:-64px auto 0 auto
clear:both
CSS sticky footer
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.