Image組件的使用
<view class="cotainer">
<view class="flex item">
<view class="item-middle">
<image src="../images/a.png"></image>
<image src="www.baidu.com/a.png"></image>
</view>
</view>
</view>
index.wxss中设置样式
.flex{
display: flex;
}
.item{
padding: 10px;
background-color:#fff;
color:#eaeaea;
border-top:1px solid:#eaeaea;
}
//修饰item 下image的样式
.item image{
display:block;
width:50px;
border:1px solid:#eaeaea;//給四周加分割線
border-radius:3px;//圆角
}
.item-middle{
flex:1;
margin-left:10px;
overflow:hidden;//超出的隱藏
}