小程序学习之节点页面开发

效果图如下：

代码如下：

<!--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>