/* miniprogram/pages/my/my.wxss */ page{ background-color: #fff; } .container{ position: absolute; width: 100%; height: 100%; background-color: #FBF8F3; } .top{ position: relative; margin-top: 50rpx; } .top>view{ display: inline-block; } .t_content{ margin-top: 20rpx; margin-left: 200rpx; max-width: 60%; max-height: 200rpx; overflow: hidden; } .name{ font-weight: 700; } .profile{ margin-top: 10rpx; font-size: 20rpx; } .h-cut{ position: absolute; margin-left: 50rpx; border-radius: 50%; width: 100rpx; height: 100rpx; overflow: hidden; } .h-cut image{ width: 100%; height: 100%; } .main{ position: absolute; padding: 20rpx; bottom: 0; left: 0; right: 0; height: 75%; border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; background-color: #fff; } .m-menu{ border-radius: 20rpx; width: fit-content; overflow: hidden; } .active{ background-color: #F4CA2B!important; color:#FFF } .m-menu>view{ display: inline-block; text-align: center; width: 150rpx; height: 70rpx; line-height: 70rpx; background-color: #ddd; font-size: 25rpx; } .empty{ margin-top: 200rpx; } .empty >view{ text-align: center; margin: 30rpx auto; } .e-icon{ width: 150rpx; height: 150rpx; } .e-icon image{ width: 100%; height: 100%; } .e-title{ font-size: 25rpx; } .btn-go{ border-radius: 20rpx; width: 150rpx; height: 60rpx; line-height: 60rpx; background-color: #F4CA2B; color: #FFF; } .full{ display: flex; flex-wrap: wrap; justify-content: space-between; } .f-container{ display: inline-block; margin: 30rpx; width: 250rpx; height: 250rpx; } .f-img{ border-radius: 20rpx; overflow: hidden; width: 250rpx; height: 200rpx; } .f-img image{ width: 100%; height: 100%; } .f-content{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 25rpx; height: 70rpx; } .video{ margin-top: 20rpx; } .title{ font-weight: 700; color: rgb(49, 163, 230); } .video video{ margin: 20rpx 0; } .video video{ width: 100%; }