从零开始-智慧港城修仙

2020-05-14  本文已影响0人  Mars_pananting

布局

display: flex;
flex-direction: column;
justify-content: center;

//设置两者等值,即可让自己垂直居中
line-height:30px;
height:30px;
//两者都是相对父级视图决定的,上者代表不会根据组内元素定位,下者代表会根据组内元素定位
position: absolute;
position: relative;

<div class="myPassenger-main-list" v-for='(item,index) in passengerData' :key='index'></div>
<div class="myCollection-itemDiv-bottom" v-if ='index!=collectionData.length-1'></div>
//设置网络图片及占位图
<img :src="item.pic.indexOf('http')!=-1?item.pic:placehodleUrl" alt="" class="myCollection-itemDiv-content-left-spotImg">
flex-direction.png
justify-content.png

export 和 export default 的区别https://blog.csdn.net/sleepwalker_1992/article/details/81461543
js 判断字符串中是否包含某个字符串
https://blog.csdn.net/weixin_39228870/article/details/85338098

上一篇下一篇

猜你喜欢

热点阅读