CSS element+element 选择器
h5代码
<view class="top-left-block">
<view v-for="(obj,i) in iconInfo" :key="i" class="icon-part">
<image :src="obj.url"></image>
<view style="color:#5A88EE;">{{ obj.name }}</view>
<view :style="obj.state?'color: #00d98b;':'color: #4e5886;'">{{ obj.state ? '已' : '未' }}连接</view>
</view>
</view>
css
.top-left-block{
display: flex;
align-items: center;
width: 50%;
.icon-part+.icon-part{
margin-left: 20px;
}
.icon-part {
text-align: center;
image {
width: 32rpx;
height: 32rpx;
}
view {
font-size: 18rpx;
}
}
}
实现效果
为第二个到最后一个元素设置外边距