小程式 | 微信小程式布局左對齊自動換行

/* 快捷按鈕容器 */
.shortcutContainer {
  width: 100%;
  /* 子容器水準居中 */
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* 快捷按鈕架構 */
.shortcutFrame {
  width: 93%;
  /* border: 1rpx solid red; */
}
/* 快捷按鈕 */
.shortcutButton {
  width: 20%;
  padding: 15rpx;
  /* 本容器相對定位左對齊 */
  float: left;
  position: relative;
  /* 子容器水準居中 */
  display: flex;
  flex-direction: column;
  align-items: center;
  /* border: 1rpx solid blue; */
}
/* 快捷按鈕-圖檔 */
.shortcutButton image {
  width: 130rpx;
  height: 130rpx;
  border: 1rpx solid #dddee1;
  border-radius: 50%;
}
/* 快捷按鈕-文字 */
.shortcutButton text {
  margin-top: 15rpx;
  font-size: medium;
  color: #80848f;
}