123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 |
- .flex_cloumn {
- display: flex;
- flex-direction: column;
- height: 80rpx;
- justify-content: space-between;
- }
- .page_view {
- display: flex;
- flex-direction: column;
- width: 100vw;
- height: 100vh;
- overflow: hidden;
- }
- .detail_image {
- position: fixed;
- width: 100%;
- height: 800rpx;
- }
- .top_info {
- display: flex;
- align-items: center;
- margin-top: 180rpx;
- }
- .top_info .top_avatar {
- margin-left: 50rpx;
- width: 140rpx;
- height: 140rpx;
- border-radius: 100%;
- border: 6rpx solid #FFF;
- box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.2);
- z-index: 55;
- }
- .top_info .top_name {
- margin-left: 50rpx;
- height: 130rpx;
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- font-weight: bold;
- }
- .top_info .top_name .name {
- color: #303133;
- font-size: 45rpx;
- font-weight: bold;
- z-index: 55;
- }
- .main_card {
- display: flex;
- flex-direction: column;
- padding: 80rpx 80rpx 200rpx 80rpx;
- position: relative;
- background-color: #FFF;
- top: 80rpx;
- left: 50rpx;
- border-radius: 50rpx;
- height: 1200rpx;
- z-index: 55;
- }
- .main_card .title {
- line-height: 32rpx;
- font-size: 32rpx;
- font-weight: 400;
- color: #303133;
- }
- .main_card .subtitle {
- line-height: 28rpx;
- font-size: 28rpx;
- color: #909399;
- font-weight: 400;
- }
- .main_card .t-icon {
- margin-right: 30rpx;
- width: 80rpx;
- height: 80rpx;
- }
- .box_title {
- line-height: 35rpx;
- font-size: 35rpx;
- font-weight: bold;
- color: #303133;
- }
- .flex_cloumn_box {
- display: flex;
- flex-direction: column;
- }
- .flex_cloumn_box .cloumn_title {
- line-height: 35rpx;
- font-size: 32rpx;
- font-weight: bold;
- color: #303133;
- }
- .card_box {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
- .card_box .card {
- width: 100%;
- margin: 10rpx 0 10rpx 0;
- padding: 20rpx;
- display: flex;
- align-items: center;
- border: 2rpx solid #f3f4f9;
- background-color: #FFFFFF;
- border-radius: 12rpx;
- z-index: 99;
- }
- .card_box .card .card_title {
- line-height: 34rpx;
- font-size: 34rpx;
- color: #303133;
- }
- .card_box .card .card_subtitle {
- line-height: 26rpx;
- font-size: 26rpx;
- color: #909399;
- }
- .card_box .card .avatar {
- width: 100rpx;
- height: 100rpx;
- }
|