| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128 |
- .container {
- background-color: #f0f1f6;
- overflow: hidden;
- height: 100vh;
- }
- .content {
- padding: 0 30rpx;
- overflow: auto;
- height: 100%;
- }
- .white-panel {
- position: relative;
- width: 100%;
- min-height: 80rpx;
- height: fit-content;
- background-color: #fff;
- border-radius: 24rpx;
- padding: 30rpx;
- margin: 30rpx 0;
- overflow: hidden;
- }
- .btn_arrow::after {
- content: "";
- position: absolute;
- top: 50%;
- right: 20rpx;
- transform: translate(-50%, -50%) rotate(45deg);
- width: 20rpx;
- height: 20rpx;
- border: 2rpx solid #43434A;
- border-left: none;
- border-bottom: none;
- }
- /* 卡片分割线样式 */
- .card-div {
- position: relative;
- width: 100%;
- height: 80rpx;
- margin: 20rpx 0;
- display: flex;
- align-items: center;
- }
- /* .card-div::before {
- width: 100rpx;
- height: 100rpx;
- border-radius: 50%;
- background-color: #f0f1f6;
- background-color: red;
- position: absolute;
- top: 50%;
- left: -5rpx;
- transform: translate(-50%, 0);
- }
- .card-div::after {
- width: 10rpx;
- height: 10rpx;
- border-radius: 50%;
- background-color: #f0f1f6;
- position: absolute;
- top: 50%;
- right: -5rpx;
- transform: translate(-50%, 0);
- }
- .card-div__line {
- margin: 0 30rpx;
- } */
- /* 辅助样式 */
- image {
- height: 100%;
- }
- .text-center {
- text-align: center;
- }
- .text-justify {
- text-align: justify;
- }
- .text-ident {
- text-indent: 2rem;
- }
- .font-bold {
- font-weight: bold;
- }
- .display-flex__ac {
- display: flex;
- align-items: center;
- }
- .display-flex__jc {
- display: flex;
- justify-content: center;
- }
- .no-padding {
- padding: 0 !important;
- }
- /* 文字颜色-主色 */
- .text-color__dominant {
- color: #212326;
- }
- /* 文字颜色-副色 */
- .text-color__secondary {
- color: #4D4D53;
- }
- /* 文字颜色-信息色 */
- .text-color__info {
- color: #999999;
- }
- /* 文字颜色-警告色 */
- .text-color__danger {
- color: #FF5D5F;
- }
|