123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135 |
- page {
- height: 100vh;
- display: flex;
- flex-direction: column;
- }
- .mine{
- flex: 1;
- height: calc(100% - 120rpx);
- display: flex;
- flex-direction: column;
- }
- .mt28{
- margin-top: 28rpx;
- }
- .index-img{
- width: 100%;
- height: 620rpx;
- flex-shrink: 0;
- }
- .user-box{
- position: absolute;
- top: 188rpx;
- left: 50%;
- transform: translateX(-50%);
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .user-text{
- font-weight: 500;
- font-size: 32rpx;
- color: #FFFFFF;
- line-height: 40rpx;
- font-style: normal;
- }
- .user-number{
- font-weight: 400;
- font-size: 24rpx;
- margin: 4rpx 0 8rpx;
- }
- .bg-color{
- background-color: #F7F7F7;
- border-radius: 60rpx 60rpx 0 0;
- margin-top: -100rpx;
- flex: 1;
- width: 100%;
- position: relative;
- z-index: 0;
- }
- .content{
- margin: 0 32rpx;
- }
- .card-box{
- background: #FFFFFF;
- border-radius: 28rpx;
- padding: 20rpx 32rpx;
- margin-top: -60rpx;
- /* height: 300rpx; */
- }
- .card-img{
- width: 60rpx;
- height: 60rpx;
- margin-right: 24rpx;
- }
- .van-cell{
- align-items: center;
- padding: 28rpx 0 !important;
- line-height: initial !important;
- box-sizing: border-box;
- border-bottom: 1px solid #EDEDED;
- }
- .last-cell .van-cell {
- border-bottom:none !important;
- }
- .van-cell:after{
- border: none !important;
- }
- .van-icon{
- color: #000 !important;
- }
- .van-cell-text{
- font-weight: 400;
- font-size: 28rpx;
- color: #000000;
- line-height: 40rpx;
- }
- .logo-img{
- width: 211.79rpx;
- height: 107.24rpx;
- margin: 80rpx auto 46rpx;
- display: flex;
- }
- .logo-item{
- margin-bottom: 170rpx;
- }
- /* 客服弹框样式 */
- .van-dialog__header{
- font-weight: bold !important;
- }
- .dialog-box{
- padding: 32rpx;
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .box-code{
- width: 264rpx;
- height: 264rpx;
- border-radius: 20rpx;
- }
- .box-text{
- font-weight: 400;
- font-size: 24rpx;
- color: #8D8D8D;
- line-height: 34rpx;
- margin-top: 32rpx;
- }
- .confirm-btn{
- width: 100% !important;
- color: #FDA233 !important;
- }
- .avatar-wrapper{
- background: none;
- border: none;
- padding: 0;
- margin: 0 !important;
- line-height: normal;
- border-radius: 50%;
- overflow: hidden;
- box-sizing: border-box;
- }
- button::after {
- border: none;
- }
|