图片下边加文字组合

简介

我们在开发程序的时候，很大情况会用到图片下边加文字的组合，因为好看又实用，所以在此记录一下给大家。

效果图

代码

wxml

<view class="view_saoyisao"><image class="image_saoyisao" src="../images/main_yewu.png"></image><text class="text_saoyisao">扫一扫</text>
</view>

wxss

.view_saoyisao {display: flex;flex-direction: column;width: 60px;align-items: center;
}.image_saoyisao {display: flex;width: 40px;height: 40px;
}