mrr.sj.front/unpackage/dist/dev/mp-weixin/pages/my/my.wxss

266 lines
6.6 KiB
Plaintext

.topBg.data-v-0be17cc6 {
padding: 140rpx 20rpx 26rpx;
background-position: 0 0;
background-size: 100%;
background-repeat: no-repeat;
background-image: url("https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/d763c59d-5dca-41cb-9c7c-b17137038145");
/* 用户信息区域 */
/* 订单状态区域 */
}
.topBg .user-section.data-v-0be17cc6 {
box-sizing: border-box;
padding: 0 10rpx;
margin-bottom: 45rpx;
}
.topBg .user-section .user-info.data-v-0be17cc6 {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.topBg .user-section .user-info .user-info-left.data-v-0be17cc6 {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
.topBg .user-section .user-info .user-info-left .avatar.data-v-0be17cc6 {
width: 110rpx;
height: 110rpx;
border-radius: 50%;
margin-right: 18rpx;
border: 2rpx solid #ffffff;
overflow: hidden;
}
.topBg .user-section .user-info .user-info-left .avatar image.data-v-0be17cc6 {
width: 100%;
height: 100%;
border-radius: 50%;
}
.topBg .user-section .user-info .user-info-left .user-detail.data-v-0be17cc6 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.topBg .user-section .user-info .user-info-left .user-detail .nickname.data-v-0be17cc6 {
font-weight: 500;
font-size: 32rpx;
color: #ffffff;
line-height: 45rpx;
margin-bottom: 6rpx;
}
.topBg .user-section .user-info .user-info-left .user-detail .user-identity.data-v-0be17cc6 {
width: 121rpx;
height: 38rpx;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: linear-gradient(266deg, rgba(255, 255, 255, 0.29) 0%, rgba(255, 255, 255, 0.22) 100%);
border-radius: 19rpx;
border: 1rpx solid #ffffff;
}
.topBg .user-section .user-info .user-info-left .user-detail .user-identity .identity-text.data-v-0be17cc6 {
font-size: 22rpx;
line-height: 38rpx;
height: 38rpx;
color: #ffffff;
}
.topBg .order-section.data-v-0be17cc6 {
padding: 28rpx 24rpx;
border-radius: 20rpx;
background-position: 0 0;
background-size: 100%;
background-repeat: no-repeat;
background-image: url("https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/6c1d92b5-cf09-4435-ac1b-c7c2a9ddcd90");
}
.topBg .order-section .section-header.data-v-0be17cc6 {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 22rpx;
border-bottom: 2rpx solid #f9f9f9;
}
.topBg .order-section .section-header .title.data-v-0be17cc6 {
font-weight: 500;
font-size: 32rpx;
color: #333333;
}
.topBg .order-section .section-header .more.data-v-0be17cc6 {
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
align-items: center;
}
.topBg .order-section .section-header .more .more-text.data-v-0be17cc6 {
font-size: 24rpx;
color: #71757b;
margin-right: 12rpx;
}
.topBg .order-section .section-header .more .arrow-right.data-v-0be17cc6 {
width: 9rpx;
height: 18rpx;
}
.topBg .order-section .order-status.data-v-0be17cc6 {
margin-top: 30rpx;
display: flex;
justify-content: center;
gap: 104rpx;
box-sizing: border-box;
}
.topBg .order-section .order-status .status-item.data-v-0be17cc6 {
display: flex;
flex-direction: column;
align-items: center;
}
.topBg .order-section .order-status .status-item .status-icon.data-v-0be17cc6 {
width: 58rpx;
height: 52rpx;
margin-bottom: 10rpx;
}
.topBg .order-section .order-status .status-item .status-text.data-v-0be17cc6 {
font-size: 26rpx;
color: #333333;
}
.content_box.data-v-0be17cc6 {
padding: 0 20rpx;
/* 功能列表 */
}
.content_box .management.data-v-0be17cc6 {
margin-bottom: 26rpx;
display: flex;
justify-content: space-between;
}
.content_box .management .managementItem.data-v-0be17cc6 {
width: 345rpx;
height: 162rpx;
}
.content_box .management .managementItem image.data-v-0be17cc6 {
width: 100%;
height: 100%;
}
.content_box .function-list.data-v-0be17cc6 {
background: #ffffff;
border-radius: 20rpx;
padding: 30rpx 0rpx 28rpx;
}
.content_box .function-list .function-title.data-v-0be17cc6 {
padding-left: 25rpx;
font-weight: 500;
font-size: 32rpx;
color: #333333;
margin-bottom: 40rpx;
}
.content_box .function-grid.data-v-0be17cc6 {
display: flex;
padding: 0 56rpx;
justify-content: space-between;
}
.content_box .function-grid .grid-item.data-v-0be17cc6 {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.content_box .function-grid .grid-item .icon-wrapper.data-v-0be17cc6 {
width: 58rpx;
height: 52rpx;
position: relative;
margin-bottom: 10rpx;
}
.content_box .function-grid .grid-item .icon-wrapper .grid-icon.data-v-0be17cc6 {
width: 58rpx;
height: 52rpx;
}
.content_box .function-grid .grid-item .grid-text.data-v-0be17cc6 {
font-size: 26rpx;
color: #333333;
text-align: center;
}
.content_box .function-card.data-v-0be17cc6 {
padding: 0 30rpx 0 20rpx;
}
.content_box .function-card .function-card-left .function-card-left-img.data-v-0be17cc6 {
width: 58rpx;
height: 52rpx;
margin-right: 12rpx;
}
.content_box .function-card .function-card-left .function-card-left-text.data-v-0be17cc6 {
font-weight: 400;
font-size: 28rpx;
color: #333333;
line-height: 40rpx;
text-align: left;
font-style: normal;
}
.content_box .function-card .function-card-right.data-v-0be17cc6 {
width: 14rpx;
height: 26rpx;
}
.content_box .banner.data-v-0be17cc6 {
width: 100%;
height: 158rpx;
margin-top: 30rpx;
}
.content_box .banner .banner_image.data-v-0be17cc6 {
width: 100%;
height: 100%;
}
.content_box .tip_info.data-v-0be17cc6 {
width: 100%;
height: 131rpx;
margin-top: 80rpx;
display: flex;
padding-bottom: 80rpx;
justify-content: center;
}
.content_box .tip_info .tip_info_image.data-v-0be17cc6 {
width: 664rpx;
height: 100%;
}
.content_box .badge.data-v-0be17cc6 {
position: absolute;
top: -8rpx;
right: -8rpx;
background-color: #ff4d6a;
color: #fff;
font-size: 16rpx;
min-width: 28rpx;
height: 28rpx;
border-radius: 14rpx;
display: flex;
align-items: center;
justify-content: center;
padding: 0 6rpx;
}
page.data-v-0be17cc6 {
background-color: #f5f5f5;
}
.my-page.data-v-0be17cc6 {
/* min-height: 100vh; */
position: relative;
}
.stat-item.data-v-0be17cc6 {
display: flex;
flex-direction: column;
align-items: center;
}
.stat-icon.data-v-0be17cc6 {
width: 64rpx;
height: 64rpx;
margin-bottom: 8rpx;
}
.stat-label.data-v-0be17cc6 {
font-size: 26rpx;
color: #252525;
font-weight: 400;
}
/* H5适配 */
/* APP适配 */
/* 小程序适配 */
.my-page.data-v-0be17cc6::before {
height: 420rpx;
}