/* ===== 页面公用 ===== */ page { // width: 100vw; height: 100vh; background-color: #f5f5f5; } view { box-sizing: border-box; } /* ==== 弹性盒模型布局 ==== */ .fb-d-r { display: flex; flex-direction: row; } .fb-d-c { display: flex; flex-direction: column;} .fb-w { flex-wrap: wrap; } .fb-j-a { justify-content: flex-start; } .fb-j-e { justify-content: flex-end; } .fb-j-c { justify-content: center; } .fb-j-sb { justify-content: space-between; } .fb-j-sa { justify-content: space-around; } .fb-a-a { align-items: flex-start; } .fb-a-e { align-items: flex-end; } .fb-a-c { align-items: center; } .fb-a-sb { align-items: space-between; } .fb-a-sa { align-items: space-around; } /* ==== 外边距 ==== */ .ml-10 { margin-left: 10rpx; } .mt-10 { margin-top: 10rpx; }