Merge pull request 'fix:样式修改' (#330) from fix/change_task into test

Reviewed-on: #330
pull/331/head
yaoshuli 1 year ago
commit 0cc725575a

@ -404,12 +404,12 @@ function handleOk(item: any) {
padding-bottom: 47px !important; padding-bottom: 47px !important;
} }
::v-deep(.list){ ::v-deep(.list){
height: calc(100vh - 218px); height: calc(100vh - 253px);
background: #fff background: #fff
} }
@media (max-height: 900px) { @media (max-height: 900px) {
::v-deep(.list){ ::v-deep(.list){
height: calc(100vh - 220px); height: calc(100vh - 234px);
background: #fff background: #fff
}} }}
</style> </style>

@ -52,5 +52,9 @@ function setAsideItemName(text) {
width: 100%; width: 100%;
height: calc(100vh - 192px); height: calc(100vh - 192px);
} }
@media (max-height: 900px) {
.main{
height: calc(100vh - 175px);
}}
</style> </style>

@ -503,8 +503,9 @@ padding-top: 24px;
.tags { .tags {
padding-left: 22px; padding-left: 22px;
display: flex; display: flex;
margin-top: 12px; margin-top: 12px;
margin-bottom: -4px; margin-bottom: 12px;
margin-left: -12px;
} }
.tag { .tag {

@ -131,6 +131,7 @@ defineExpose({
<template> <template>
<n-modal :show="show" transform-origin="center" class="modal_wrap"> <n-modal :show="show" transform-origin="center" class="modal_wrap">
<div class="wrapper"> <div class="wrapper">
<div class="aidog"></div>
<div class="closed"> <div class="closed">
<SvgIcon style="cursor: pointer" name="cut-down" width="32" @click="closeModal" /> <SvgIcon style="cursor: pointer" name="cut-down" width="32" @click="closeModal" />
</div> </div>
@ -211,7 +212,7 @@ defineExpose({
// width: 700px; // width: 700px;
// height: 500px; // height: 500px;
width: 510px; width: 510px;
height: 361px; height: 311px;
box-shadow: none !important; box-shadow: none !important;
} }
.wrapper { .wrapper {
@ -221,11 +222,15 @@ defineExpose({
.closed { .closed {
position: relative; position: relative;
top: 0px; top: -53px;
left: 93%; left: 93%;
} }
.wrapper-hearder { .wrapper-hearder {
margin-top: 10px; position: absolute;
top: 20.5px;
left: 0;
right: 0;
.wrapper-title { .wrapper-title {
text-align: center; text-align: center;
font-size: 16px; font-size: 16px;
@ -242,13 +247,13 @@ defineExpose({
text-align: center; text-align: center;
color: #666666; color: #666666;
line-height: 18px; line-height: 18px;
margin-top: 8px; margin-top: 8.5px;
} }
} }
.wrapper-content { .wrapper-content {
flex: 1; flex: 1;
border-radius: 8px; border-radius: 8px;
margin: 35px 50px 16px 48px; margin: 55px 50px 16px 48px;
.item { .item {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
@ -357,7 +362,22 @@ defineExpose({
color: #ffffff; color: #ffffff;
line-height: 26px; line-height: 26px;
font-style: italic; font-style: italic;
position: absolute;
bottom: 16px;
margin: auto;
left: 0;
right: 0;
} }
} }
.aidog{
position: absolute;
top: -65px;
left: -35px;
width: 107px;
height: 98.5px;
background-image: url("../../../assets/images/tishi.png");
background-repeat: no-repeat;
background-size: 100%;
}
} }
</style> </style>

Loading…
Cancel
Save