1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- // 全局公共样式
- .content{
- background: $ac-bgc;
- padding:$uni-spacing-row-base;
- overflow: hidden;
-
- }
- // 常用公共样式
- // 布局相关 start
- .flex{
- display: flex;
- }
- .inline-block{
- display: inline-block;
- }
- .s-row{
- display: flex;
- flex-direction: column;
- }
- .flex-center{
- justify-content: center;
- align-items: center;
- }
- .flex-space-between{
- justify-content: space-between;
- align-items: center;
- }
- .flex-space-around{
- justify-content: space-around;
- align-items: center;
- }
- .flex-space-evenly{
- justify-content: space-evenly;
- align-items: center;
- }
- .flex-end{
- justify-content: flex-end;
- }
- .items-center{
- align-items: center;
- }
- .flex-start{
- justify-content: flex-start;
- }
- .m-topr20{
- margin-top: 20rpx;
- }
- .paddingr20{
- padding:20rpx;
- }
- .lr-paddingr20{
- padding: 0 20rpx;
- }
- .fixed{
- position: fixed;
- }
- .row-between{
- display: flex;
- justify-content: space-between;
- }
- .content-other{
- background: white;
- padding:10rpx 20rpx;
- border-radius: 10rpx;
- }
- .width100{
- width: 100%;
- }
- // 布局相关 end
- // 边线相关start
- .border-bottom{
- border-bottom: 1px solid $uni-border-color;
- padding-bottom: 10rpx;
- }
- // 边线相关end
- .red{
- background: red;
- }
- .yellow{
- background:yellow;
- }
- // 文字相关start
- .level1-title{
-
- }
- // 文字相关end
- // 边线相关start
- // 边线相关start
|