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);
|
|||
|
|
}
|