wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

上架详情页标题修改

This commit is contained in:
851673013@qq.com 2022-06-15 19:19:32 +08:00
parent 86458f70fd
commit 35770f4956
2 changed files with 39 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
View File

@ -10,9 +10,13 @@
<div class="left"> <div class="left">
<div class="top"> <div class="top">
<span class="name">{{ props.dataList.name }}</span> <span class="name">{{ props.dataList.name }}</span>
<div class="label-content">
<p class="lable-father">
<span class="label">{{ props.dataList.type }}</span> <span class="label">{{ props.dataList.type }}</span>
<span class="label">{{ props.dataList.shareType }}</span> <span class="label">{{ props.dataList.shareType }}</span>
<span class="label">{{ props.dataList.shareCondition }}</span> <span class="label">{{ props.dataList.shareCondition }}</span>
</p>
</div>
<!-- <span class="label">免费</span> --> <!-- <span class="label">免费</span> -->
</div> </div>
<div class="main"> <div class="main">
@ -106,8 +110,9 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
.left { .left {
width: 700px; width: 7.2rem;
color: #fff; color: #fff;
margin-right: 0.8rem;
.top { .top {
display: flex; display: flex;
align-items: center; align-items: center;
@ -118,10 +123,19 @@
// max-width: 330px; // max-width: 330px;
// overflow: hidden; // overflow: hidden;
// text-overflow: ellipsis; // text-overflow: ellipsis;
// white-space: nowrap; white-space: nowrap;
font-size: 40px; font-size: 40px;
margin-right: 20px; margin-right: 20px;
} }
.label-content {
position: relative;
}
.lable-father {
position: absolute;
min-width: 2.5rem;
right: -2.5rem;
top: 0;
}
.label { .label {
padding: 1px 10px; padding: 1px 10px;
margin-right: 10px; margin-right: 10px;

19
front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
View File

@ -10,9 +10,13 @@
<div class="left"> <div class="left">
<div class="top"> <div class="top">
<span class="name">{{ props.dataList.name }}</span> <span class="name">{{ props.dataList.name }}</span>
<div class="label-content">
<p class="lable-father">
<span class="label">{{ props.dataList.type }}</span> <span class="label">{{ props.dataList.type }}</span>
<span class="label">{{ props.dataList.shareType }}</span> <span class="label">{{ props.dataList.shareType }}</span>
<span class="label">{{ props.dataList.shareCondition }}</span> <span class="label">{{ props.dataList.shareCondition }}</span>
</p>
</div>
<!-- <span class="label">免费</span> --> <!-- <span class="label">免费</span> -->
</div> </div>
<div class="main"> <div class="main">
@ -106,8 +110,10 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
.left { .left {
width: 7rem; max-width: 7.2rem;
color: #fff; color: #fff;
margin-right: 0.8rem;
.top { .top {
display: flex; display: flex;
align-items: center; align-items: center;
@ -118,10 +124,19 @@
// max-width: 3.3rem; // max-width: 3.3rem;
// overflow: hidden; // overflow: hidden;
// text-overflow: ellipsis; // text-overflow: ellipsis;
// white-space: nowrap; white-space: nowrap;
font-size: 0.4rem; font-size: 0.4rem;
margin-right: 0.2rem; margin-right: 0.2rem;
} }
.label-content {
position: relative;
}
.lable-father {
position: absolute;
min-width: 2.5rem;
right: -2.5rem;
top: 0;
}
.label { .label {
padding: 0.01rem 0.1rem; padding: 0.01rem 0.1rem;
margin-right: 0.1rem; margin-right: 0.1rem;