xiangshan
/
yxdth5
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gx

This commit is contained in:
姚宇浩 2023-12-07 16:49:23 +08:00
parent f7941ccfd3
commit 809a1ce4e0
1 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/znyt.vue
View File

@ -43,7 +43,9 @@
<div v-for="(data, index) in records.list" :key="data.id"> <div v-for="(data, index) in records.list" :key="data.id">
<listNoImg v-if="data.display == 0" :newData="data" /> <listNoImg v-if="data.display == 0" :newData="data" />
<listRightImg v-if="data.display == 1" :newData="data" /> <listRightImg v-if="data.display == 1" :newData="data" />
<div class="line"></div> <div class="container">
<div class="line"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -172,7 +174,7 @@ const records = reactive({
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 70px; min-width: 70px;
height: 24px; height: 24px;
background: #457aff; background: #457aff;
opacity: 1; opacity: 1;
@ -196,9 +198,11 @@ const records = reactive({
font-weight: 600; font-weight: 600;
color: #333333; color: #333333;
line-height: 24px; line-height: 24px;
// white-space: nowrap;
overflow: hidden; overflow: hidden;
// text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} }
.time { .time {
margin-top: 24px; margin-top: 24px;
@ -228,7 +232,7 @@ const records = reactive({
padding-top: 0; padding-top: 0;
// overflow: hidden; // overflow: hidden;
background-color: #ffffff; background-color: #ffffff;
height: 68vh; // height:calc(100vh - 150px);
.main-t { .main-t {
display: flex; display: flex;
align-items: center; align-items: center;
@ -263,9 +267,10 @@ const records = reactive({
.list { .list {
// box-sizing: border-box; // box-sizing: border-box;
width: 100vw; width: 100vw;
height: 59vh; height: calc(100vh - 280px);
background-color: #ffffff;
overflow: auto; overflow: auto;
// border: 1px solid yellow; // border: 1px solid yellow;
} }
} }
} }
@ -280,13 +285,18 @@ const records = reactive({
::-webkit-scrollbar { ::-webkit-scrollbar {
display: none; display: none;
} }
.container {
display: flex;
justify-content: center;
align-items: center;
}
.line { .line {
width: 100vw; width: calc(100vw - 32px);
height: 0px; height: 0px;
border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;
opacity: 1; opacity: 1;
border: 1px solid #f1f1f1; border: 1px solid #f1f1f1;
margin-top: 16px; margin-top: 12px;
margin-bottom: 16px; margin-bottom: 16px;
text-align: center; text-align: center;
} }