/** *全局公共样式 */ .app-content { // line-height: 1; background-color: $backColor; height: 100vh; overflow-y: auto; } /* #ifdef H5 */ .app-content.app-main { min-height: calc(100vh - 100upx); } /* #endif */ .gray_txt { color: #999 !important; } .ph { font-size: 30upx; color: gray; } .w100 { width: 100% !important; } .ml0{ margin-left: 0 !important; } .text_main_color { color: #ff9000; } .underline { text-decoration: underline; } .separate_line { color: #999; margin: 0 16upx; } .text_sub_com { color: #999; font-size: 24upx; } .flex { display: flex; } .flex-center-center { @extend .flex; align-items: center; justify-content: center; } .flex-center { display: flex; align-items: center; } .flex-start { @extend .flex; align-items: flex-start; } .flex-end { @extend .flex; align-items: flex-end; } .flex-center-between { @extend .flex; align-items: center; justify-content: space-between; } .flex-center-around { @extend .flex; align-items: center; justify-content: space-around; } .flex-center-evenly { @extend .flex; align-items: center; justify-content: space-evenly; } .flex-center-start { @extend .flex; align-items: center; justify-content: flex-start; } .flex-center-end { @extend .flex; align-items: center; justify-content: flex-end; } // =================== 定义的全局字体普通样式 ======================== .app-padding { padding: 0 30upx; } .app-color-0 { color: $fontColorMain; } .app-color-1 { color: $mainColor; } .app-color-2 { color: $fontColor2; } .app-color-3 { color: $fontColor3; } .app-color-4 { color: $mainColor1; } // 金额 .app-price { color: #FF2842; } .app-bold { font-weight: bold; } .app-size-24 { font-size: 24upx; } .app-size-26 { font-size: 26upx; } .app-size-28 { font-size: 28upx; } .app-size-30 { font-size: 30upx; } .app-size-32 { font-size: 32upx; } .app-size-34 { font-size: 34upx; } .app-size-36 { font-size: 36upx; } .app-size-38 { font-size: 38upx; } .app-size-40 { font-size: 40upx; }