| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- .center_in{
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .space_between{
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .up_and_down{
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: center;
- }
- .same_row_in {
- display: flex;
- align-items: center;
- }
- .font_green{
- color: #4CAF50;
- }
- // 伪元素1rpx边框
- .frame {
- position: relative; //重要
- }
- .frame::after {
- position: absolute;
- content: '';
- border-bottom: 4rpx solid #e4e7ed;
- width: 200%;
- height: 200%;
- top: 0;
- left: 0;
- transform: scale(0.5);
- transform-origin: 0 0;
- pointer-events: none; /* 使伪元素不会阻止鼠标事件 */
- }
- .bottomFit{
- padding-bottom: 0 !important;
- padding-bottom: constant(safe-area-inset-bottom) !important;
- padding-bottom: env(safe-area-inset-bottom) !important;
- }
|
