微信小程序开发指南

基于ColorUI的组件化页面开发


垂直对齐

Flex布局 - 垂直对齐

  • 样式图例

  • 示例代码
<view class="bg-white">
    <view class="flex solid-bottom padding align-start">
      <view class="bg-grey padding-lg margin-xs radius">ColorUi</view>
      <view class="bg-grey padding-sm margin-xs radius">start</view>
    </view>
    <view class="flex solid-bottom padding align-end">
      <view class="bg-grey padding-lg margin-xs radius">ColorUi</view>
      <view class="bg-grey padding-sm margin-xs radius">end</view>
    </view>
    <view class="flex solid-bottom padding align-center">
      <view class="bg-grey padding-lg margin-xs radius">ColorUi</view>
      <view class="bg-grey padding-sm margin-xs radius">center</view>
    </view>
  </view>

页面列表

ITEM_HTML