记录常用的一些样式

// 页面外层style
.mPage
    width: 100%
    height: 100%
    font-size: 28rpx
    background-color: #f7f7f7
    
/* 水平排列 */
.x-row 
    display: flex
    flex-direction: row
    align-items: center


/* 水平排列 居中 */
.x-row-center 
    display: flex
    flex-direction: row
    align-items: center
    justify-content: center


/* 垂直排列 */
.x-column 
    display: flex
    flex-direction: column
    justify-content: center


/* 垂直排列 居中 */
.x-column-center 
    display: flex
    flex-direction: column
    justify-content: center
    align-items: center
// 分割线
.x-divide
    width: 100%
    height:2rpx
    margin-left: 30rpx
    background: #F1EEE7
// 底部固定view  有底部内边距
.x-fixdBottom
    position: fixed
    bottom: 0
    left: 0
    z-index: 999
    width: 100%
    padding-bottom: constant(safe-area-inset-bottom)
    padding-bottom: env(safe-area-inset-bottom)

// scrollview内边距  ，底部内边距安全区域，box-sizing控制不影响高度
// https://www.dongjunhui.com/archives/452/
.x-scrollview-pad
    padding-bottom: constant(safe-area-inset-bottom)
    padding-bottom: env(safe-area-inset-bottom)
    box-sizing: border-box