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