Skip to content

飞
飞鹤小程序
Commit d81a657f authored by spc's avatar spc
Browse files
Options

share

parent 27057432
Hide whitespace changes
Inline Side-by-side
Showing with 96 additions and 98 deletions
pages/XingmaLabDetailPage/XingmaLabDetailPage.less
View file @ d81a657f
// 星妈实验室详情页面样式 // 星妈实验室详情页面样式
.xingmalabdetailpage { .xingmalabdetailpage {
width: 750rpx;
height: 1842rpx;
left: 0rpx;
top: 0rpx;
position: absolute;
// 左上角头部区域 - 脱离滚动
.xingmalabdetailpageheader {
position: fixed;
top: 0;
left: 0;
width: 750rpx; width: 750rpx;
height: 1842rpx; height: 200rpx;
left: 0rpx; z-index: 100;
top: 0rpx; display: flex;
position: absolute; align-items: center;
// justify-content: space-between;
padding: 80rpx 40rpx 30rpx 40rpx;
background-color: #fff;
box-sizing: border-box;
// 左上角头部区域 - 脱离滚动 // 返回按钮
.xingmalabdetailpageheader { .xingmalabdetailpagebackbtn {
position: fixed; width: 20rpx;
top: 0; height: 33rpx;
left: 0; background-size: contain;
width: 750rpx; background-repeat: no-repeat;
height: 200rpx; background-position: center;
z-index: 100; // cursor: pointer;
z-index: 101;
margin-right: 35rpx;
}
// 用户信息
.xingmalabdetailpageuserinfo {
display: flex; display: flex;
align-items: center; align-items: center;
// justify-content: space-between; gap: 10rpx;
padding: 80rpx 40rpx 30rpx 40rpx;
background-color: #fff; // 头像
box-sizing: border-box; .xingmalabdetailpageavatar {
width: 66rpx;
// 返回按钮 height: 66rpx;
.xingmalabdetailpagebackbtn { border-radius: 50%;
width: 20rpx;
height: 33rpx;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
z-index: 101;
margin-right: 35rpx;
} }
// 用户信息 // 昵称
.xingmalabdetailpageuserinfo { .xingmalabdetailpagenickname {
display: flex; font-size: 28rpx;
align-items: center; font-weight: 600;
gap: 10rpx; color: #1d1e25;
text-shadow: 0 2rpx 4rpx rgba(255, 255, 255, 0.8);
// 头像 max-width: 300rpx;
.xingmalabdetailpageavatar { overflow: hidden;
width: 66rpx; text-overflow: ellipsis;
height: 66rpx; white-space: nowrap;
border-radius: 50%;
}
// 昵称
.xingmalabdetailpagenickname {
font-size: 28rpx;
font-weight: 600;
color: #1d1e25;
text-shadow: 0 2rpx 4rpx rgba(255, 255, 255, 0.8);
max-width: 300rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
} }
} }
}
.xingmalabdetailpagebg { .xingmalabdetailpagebg {
width: 750rpx; width: 750rpx;
height: 1842rpx; height: 1842rpx;
left: 0rpx; left: 0rpx;
top: 0rpx; top: 0rpx;
position: absolute; position: absolute;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
} }
.xingmalabdetailpagetext { .xingmalabdetailpagetext {
width: 688rpx; width: 688rpx;
min-height: 131rpx; min-height: 131rpx;
left: 31rpx; left: 31rpx;
top: 1232rpx; top: 1232rpx;
white-space: pre-wrap; white-space: pre-wrap;
position: absolute; position: absolute;
font-size: 32rpx; font-size: 32rpx;
line-height: 40rpx; line-height: 40rpx;
color: rgba(29, 30, 37, 1); color: rgba(29, 30, 37, 1);
text-align: left; text-align: left;
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-all;
} }
.xingmalabdetailpagepicbg { .xingmalabdetailpagepicbg {
width: 730rpx; width: 730rpx;
...@@ -172,33 +172,31 @@ ...@@ -172,33 +172,31 @@
line-height: 1; line-height: 1;
font-size: 0; font-size: 0;
color: transparent; color: transparent;
background-color: transparent !important;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
&:hover { // &:hover {
opacity: 0.8; // opacity: 0.8;
} // }
&::after { &::after {
border: none; border: none !important;
} }
} }
} }
.xingmalabdetailpagetime { .xingmalabdetailpagetime {
width: 203rpx; width: 203rpx;
height: 23rpx; height: 23rpx;
left: 41rpx; left: 41rpx;
top: 1400rpx; top: 1400rpx;
position: absolute; position: absolute;
font-size: 24rpx; font-size: 24rpx;
line-height: 23rpx; line-height: 23rpx;
color: rgba(111, 109, 103, 1); color: rgba(111, 109, 103, 1);
} }
} }
// 手机号授权按钮样式 // 手机号授权按钮样式
.phone-auth-btn-cover { .phone-auth-btn-cover {
background: transparent !important; background: transparent !important;
...@@ -208,7 +206,7 @@ ...@@ -208,7 +206,7 @@
line-height: 1 !important; line-height: 1 !important;
font-size: 0 !important; font-size: 0 !important;
color: transparent !important; color: transparent !important;
&::after { &::after {
border: none !important; border: none !important;
} }
...@@ -222,7 +220,7 @@ ...@@ -222,7 +220,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 10; z-index: 10;
.auth-like-btn { .auth-like-btn {
position: absolute; position: absolute;
width: 119rpx; width: 119rpx;
...@@ -230,7 +228,7 @@ ...@@ -230,7 +228,7 @@
left: 135rpx; left: 135rpx;
top: 56rpx; top: 56rpx;
} }
.auth-share-btn { .auth-share-btn {
position: absolute; position: absolute;
width: 121rpx; width: 121rpx;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment