12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- /* pages/switchAccount/switchAccount.wxss */
- @import '../ticketWait/ticketWait';
- .tabBar {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- display: flex;
- background: #fff;
- z-index: 100;
- }
- .tabItem {
- position: relative;
- flex: 1;
- width: 0;
- height: 88rpx;
- line-height: 88rpx;
- font-size: 30rpx;
- color: #666;
- text-align: center;
- transition: all .3s ease;
- }
- .tabItem:before {
- position: absolute;
- bottom: 0;
- left: 50%;
- margin-left: -47rpx;
- content: "";
- height: 6rpx;
- width: 94rpx;
- transform: scaleX(0);
- background: #007dff;
- transition: all .3s ease;
- }
- .tabItem.active {
- color: #007dff;
- }
- .tabItem.active:before {
- transform: scaleX(1);
- }
- .list {
- padding: 24rpx 24rpx 0;
- }
- .item {
- position: relative;
- padding: 36rpx 24rpx 36rpx 140rpx;
- background: #fff;
- border-radius: 10rpx;
- box-shadow: 0 0 20rpx rgba(229, 229, 229, .23);
- }
- .item+.item {
- margin-top: 24rpx;
- }
- .item .avatar {
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
- left: 24rpx;
- width: 84rpx;
- height: 84rpx;
- }
- .item .name {
- height: 32rpx;
- line-height: 32rpx;
- font-size: 32rpx;
- font-weight: 450;
- color: #282828;
- }
- .item .mobile {
- margin-top: 20rpx;
- height: 28rpx;
- line-height: 28rpx;
- font-size: 28rpx;
- color: #c4c4c4;
- }
- .item .selected {
- display: block;
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
- right: 24rpx;
- font-size: 36rpx;
- color: #fd482c;
- }
|