| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135 |
- .company-select-page.data-v-b3efa014 {
- display: flex;
- flex-direction: column;
- height: 100vh;
- background-color: #FFFFFF;
- }
- .company-select-page .search-header.data-v-b3efa014 {
- padding: 20rpx 40rpx;
- background-color: #FFFFFF;
- position: -webkit-sticky;
- position: sticky;
- top: 0;
- z-index: 10;
- box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.02);
- }
- .company-select-page .search-header .search-box.data-v-b3efa014 {
- display: flex;
- align-items: center;
- background-color: #F8FAFC;
- border-radius: 40rpx;
- padding: 0 30rpx;
- height: 72rpx;
- border: 2rpx solid transparent;
- transition: all 0.25s;
- }
- .company-select-page .search-header .search-box.data-v-b3efa014:focus-within {
- background-color: #EBF1FA;
- border-color: rgba(31, 108, 255, 0.2);
- }
- .company-select-page .search-header .search-box .icon-search.data-v-b3efa014 {
- width: 24rpx;
- height: 24rpx;
- border: 3rpx solid #A0AABF;
- border-radius: 50%;
- position: relative;
- margin-right: 16rpx;
- flex-shrink: 0;
- }
- .company-select-page .search-header .search-box .icon-search.data-v-b3efa014::after {
- content: "";
- position: absolute;
- width: 8rpx;
- height: 3rpx;
- background-color: #A0AABF;
- bottom: -2rpx;
- right: -4rpx;
- transform: rotate(45deg);
- }
- .company-select-page .search-header .search-box input.data-v-b3efa014 {
- flex: 1;
- font-size: 26rpx;
- color: #333333;
- background: transparent;
- }
- .company-select-page .company-list.data-v-b3efa014 {
- flex: 1;
- padding: 0 40rpx;
- box-sizing: border-box;
- overflow-y: scroll;
- }
- .company-select-page .company-list .empty-state.data-v-b3efa014 {
- padding-top: 200rpx;
- text-align: center;
- }
- .company-select-page .company-list .empty-state .empty-text.data-v-b3efa014 {
- font-size: 28rpx;
- color: #A0AABF;
- }
- .company-select-page .company-list .company-item.data-v-b3efa014 {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 36rpx 10rpx;
- border-bottom: 1rpx solid #F0F4FC;
- transition: background-color 0.2s;
- }
- .company-select-page .company-list .company-item.data-v-b3efa014:active {
- background-color: #F8FAFC;
- }
- .company-select-page .company-list .company-item .company-name.data-v-b3efa014 {
- font-size: 30rpx;
- color: #1A1A1A;
- flex: 1;
- padding-right: 20rpx;
- }
- .company-select-page .company-list .company-item .checkbox.data-v-b3efa014 {
- width: 44rpx;
- height: 44rpx;
- border-radius: 50%;
- border: 2rpx solid #C4CEDB;
- box-sizing: border-box;
- display: flex;
- justify-content: center;
- align-items: center;
- transition: all 0.2s;
- }
- .company-select-page .company-list .company-item .checkbox.checked.data-v-b3efa014 {
- border-color: #1F6CFF;
- background-color: #1F6CFF;
- box-shadow: 0 4rpx 10rpx rgba(31, 108, 255, 0.2);
- }
- .company-select-page .company-list .company-item .checkbox.checked.data-v-b3efa014::after {
- content: "";
- width: 10rpx;
- height: 20rpx;
- border-right: 4rpx solid #FFFFFF;
- border-bottom: 4rpx solid #FFFFFF;
- transform: rotate(45deg) translate(-2rpx, -4rpx);
- }
- .company-select-page .footer-btn-area.data-v-b3efa014 {
- padding: 30rpx 40rpx calc(env(safe-area-inset-bottom) + 30rpx);
- background-color: #FFFFFF;
- box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.04);
- }
- .company-select-page .footer-btn-area .btn-confirm.data-v-b3efa014 {
- width: 100%;
- height: 88rpx;
- background: linear-gradient(135deg, #1F6CFF 0%, #0052D9 100%);
- color: #FFFFFF;
- font-size: 32rpx;
- font-weight: 500;
- border-radius: 44rpx;
- display: flex;
- justify-content: center;
- align-items: center;
- box-shadow: 0 12rpx 24rpx rgba(31, 108, 255, 0.25);
- margin: 0;
- }
- .company-select-page .footer-btn-area .btn-confirm.data-v-b3efa014:active {
- transform: scale(0.98);
- opacity: 0.9;
- }
- .company-select-page .footer-btn-area .btn-confirm.data-v-b3efa014::after {
- border: none;
- }
|