效果图如下:

代码如下:
<!--pages/node/node.wxml-->
<view>
<text>节点列表</text>
<view style="display:flex;flex-wrap:wrap">
<view style='display:flex;flex-direction:column;flex:0 0 33%;text-align:center;align-items:center;margin-top:20px;'>
<image src="http://n.sinaimg.cn/front/95/w2048h2047/20190331/9Ih3-huxwryw4121627.jpg" style="height:40px;width:40px"/>
<text>节点名称</text>
</view>
<view style='display:flex;flex-direction:column;flex:0 0 33%;text-align:center;align-items:center;margin-top:30px;'>
<image src="http://n.sinaimg.cn/front/95/w2048h2047/20190331/9Ih3-huxwryw4121627.jpg" style="height:40px;width:40px"/>
<text>节点名称</text>
</view>
<view style='display:flex;flex-direction:column;flex:0 0 33%;text-align:center;align-items:center;margin-top:40px;'>
<image src="http://n.sinaimg.cn/front/95/w2048h2047/20190331/9Ih3-huxwryw4121627.jpg" style="height:40px;width:40px"/>
<text>节点名称</text>
</view>
</view>
</view>
浙公网安备 33010602011771号