微信小程序weui在线入门教程-WeUi基础组件-flex布局
效果图
微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/topic/huangjuhua
wxml代码
<view class="page">
<view class="page__hd">
<view class="page__title">Flex</view>
<view class="page__desc">Flex布局</view>
</view>
<view class="page__bd page__bd_spacing">
<view class="weui-flex">
<view class="weui-flex__item">
<view class="placeholder">weui</view>
</view>
</view>
<view class="weui-flex">
<view class="weui-flex__item">
<view class="placeholder">weui</view>
</view>
<view class="weui-flex__item">
<view class="placeholder">weui</view>
</view>
</view>
<view class="weui-flex">
<view class="weui-flex__item">
<view class="placeholder">weui</view>
</view>
<view class="weui-flex__item">
<view class="placeholder">weui</view>
</view>
<view class="weui-flex__item">
<view class="placeholder">weui</view>
</view>
</view>
<view class="weui-flex">
<view class="weui-flex__item">
<view class="placeholder">weui</view>
</view>
<view class="weui-flex__item">
<view class="placeholder">weui</view>
</view>
<view class="weui-flex__item">
<view class="placeholder">weui</view>
</view>
<view class="weui-flex__item">
<view class="placeholder">weui</view>
</view>
</view>
<view class="weui-flex">
<view>
<view class="placeholder">weui</view>
</view>
<view class="weui-flex__item">
<view class="placeholder">weui</view>
</view>
<view>
<view class="placeholder">weui</view>
</view>
</view>
</view>
</view>
欢迎大家学习我的视频教程:微信小程序-WeUI界面布局设计入门到精通
还没有评论,来说两句吧...