company-select.wxss 3.2 KB

1
  1. .company-select-page.data-v-ee3f04f0{display:flex;flex-direction:column;height:100vh;background-color:#fff}.company-select-page .search-header.data-v-ee3f04f0{padding:20rpx 40rpx;background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 4rpx 12rpx rgba(0,0,0,.02)}.company-select-page .search-header .search-box.data-v-ee3f04f0{display:flex;align-items:center;background-color:#f8fafc;border-radius:40rpx;padding:0 30rpx;height:72rpx;border:2rpx solid transparent;transition:all .25s}.company-select-page .search-header .search-box.data-v-ee3f04f0:focus-within{background-color:#ebf1fa;border-color:rgba(31,108,255,.2)}.company-select-page .search-header .search-box .icon-search.data-v-ee3f04f0{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-ee3f04f0: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-ee3f04f0{flex:1;font-size:26rpx;color:#333;background:transparent}.company-select-page .company-list.data-v-ee3f04f0{flex:1;padding:0 40rpx;box-sizing:border-box;overflow-y:scroll}.company-select-page .company-list .empty-state.data-v-ee3f04f0{padding-top:200rpx;text-align:center}.company-select-page .company-list .empty-state .empty-text.data-v-ee3f04f0{font-size:28rpx;color:#a0aabf}.company-select-page .company-list .company-item.data-v-ee3f04f0{display:flex;justify-content:space-between;align-items:center;padding:36rpx 10rpx;border-bottom:1rpx solid #F0F4FC;transition:background-color .2s}.company-select-page .company-list .company-item.data-v-ee3f04f0:active{background-color:#f8fafc}.company-select-page .company-list .company-item .company-name.data-v-ee3f04f0{font-size:30rpx;color:#1a1a1a;flex:1;padding-right:20rpx}.company-select-page .company-list .company-item .checkbox.data-v-ee3f04f0{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 .2s}.company-select-page .company-list .company-item .checkbox.checked.data-v-ee3f04f0{border-color:#1f6cff;background-color:#1f6cff;box-shadow:0 4rpx 10rpx rgba(31,108,255,.2)}.company-select-page .company-list .company-item .checkbox.checked.data-v-ee3f04f0: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-ee3f04f0{padding:30rpx 40rpx calc(env(safe-area-inset-bottom) + 30rpx);background-color:#fff;box-shadow:0 -4rpx 16rpx rgba(0,0,0,.04)}.company-select-page .footer-btn-area .btn-confirm.data-v-ee3f04f0{width:100%;height:88rpx;background:linear-gradient(135deg,#1f6cff,#0052d9);color:#fff;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,.25);margin:0}.company-select-page .footer-btn-area .btn-confirm.data-v-ee3f04f0:active{transform:scale(.98);opacity:.9}.company-select-page .footer-btn-area .btn-confirm.data-v-ee3f04f0:after{border:none}