144 lines
2.8 KiB
SCSS
144 lines
2.8 KiB
SCSS
.page-head {
|
||
background: url("@/static/images/mine/z9SUw8.jpg") no-repeat;
|
||
// background-size: auto 100%;
|
||
background-size: cover;
|
||
width: 100%;
|
||
min-height: 25%;
|
||
padding: 0px;
|
||
}
|
||
|
||
/* 主体容器的主体头像样式 */
|
||
.infoBody .via {
|
||
position: relative;
|
||
justify-content: left;
|
||
margin: auto 10px;
|
||
width: 70px;
|
||
height: 70px;
|
||
}
|
||
|
||
/* 确定位置容器 */
|
||
.spotting {
|
||
background-color: rgb(0, 167, 0);
|
||
min-width: 80px;
|
||
height: 30px;
|
||
position: relative;
|
||
border-radius: 15px 0px 0px 15px;
|
||
}
|
||
|
||
/* 积分容器 */
|
||
.integral {
|
||
display: flex;
|
||
margin: 0px 0px auto auto;
|
||
padding: 0px;
|
||
position: absolute;
|
||
}
|
||
|
||
/* 积分图片 */
|
||
.integral image {
|
||
transform: translateY(25%);
|
||
margin-left: 15px;
|
||
height: 20px;
|
||
width: 15px;
|
||
position: relative;
|
||
left: 0px;
|
||
}
|
||
|
||
/* 积分字符 */
|
||
.integral .navigator-text {
|
||
height: 30px;
|
||
line-height: 30px;
|
||
margin-left: 5px;
|
||
left: 18px;
|
||
color: white;
|
||
}
|
||
|
||
/* 主体容器内的限制容器 */
|
||
.wxInfoRow {
|
||
width: 100%;
|
||
// display: flex;
|
||
flex-direction: row;
|
||
flex-wrap: nowrap;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
/* 主体基本信息导航容器 */
|
||
.entityInfo {
|
||
display: inline-block;
|
||
width: 100%;
|
||
}
|
||
|
||
/* 设置主体基本信息导航容器下的所有元素位置样式 */
|
||
.entityInfo:not(not) {
|
||
display: flex;
|
||
position: relative;
|
||
justify-content: flex-start;
|
||
}
|
||
|
||
/* 导航容器字符内容样式 */
|
||
.entityInfo .baseInfo-text {
|
||
width: auto;
|
||
max-width: 58%;
|
||
font-size: 34rpx;
|
||
text-align: left;
|
||
top: calc(50% - 26rpx);
|
||
color: white;
|
||
position: relative;
|
||
flex: none;
|
||
text-overflow: ellipsis;
|
||
overflow-y: hidden;
|
||
white-space: nowrap;
|
||
overflow-x: scroll;
|
||
// height: 23px;
|
||
// height: 46rpx;
|
||
align-items: center;
|
||
/* 隐藏滚动条 */
|
||
scrollbar-width: none; /* firefox */
|
||
-ms-overflow-style: none; /* IE 10+ */
|
||
}
|
||
|
||
/* 隐藏滚动条 */
|
||
/* 导航容器字符内容样式 */
|
||
.entityInfo .baseInfo-text::-webkit-scrollbar {
|
||
display: none; /* Chrome Safari */
|
||
}
|
||
|
||
.entityInfo .create-entity {
|
||
width: 115px;
|
||
overflow-x: unset;
|
||
display: inline-block;
|
||
-webkit-line-clamp: unset;
|
||
-webkit-box-orient: unset;
|
||
}
|
||
|
||
/* 基本信息容器字符内容伪元素样式 */
|
||
/* 由于多一层view，伪元素遂不显示 删除 "view >" 伪元素出现 */
|
||
.entityInfo>view>.baseInfo-text::before {
|
||
content: " ";
|
||
display: inline-block;
|
||
height: 9px;
|
||
width: 9px;
|
||
position: absolute;
|
||
margin-top: -4px;
|
||
top: 50%;
|
||
}
|
||
|
||
/* 基本信息容器溢出滚动条样式 */
|
||
.entityInfo>.baseInfo-text::-webkit-scrollbar {
|
||
/* 使滚动条不显示 */
|
||
display: none;
|
||
}
|
||
|
||
.entityInfo>view {
|
||
display: flex;
|
||
}
|
||
|
||
/* 导航箭头样式 */
|
||
.entityInfo>view>.navigator-arrow::after {
|
||
left: 0px;
|
||
height: 18rpx;
|
||
width: 18rpx;
|
||
border-color: white;
|
||
border-width: 2px 2px 0px 0px;
|
||
margin-top: 0px;
|
||
top: calc(50% - 26rpx / 2);
|
||
} |