退款补正项目样式更改
This commit is contained in:
xixi
parent
606c710b73
commit
1727588c30
@ -2,7 +2,7 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<link rel="icon" type="image/svg+xml" href="/newvite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.css"/>
|
||||
<title>AI软著引擎</title>
|
||||
|
||||
1
public/newvite.svg
Normal file
1
public/newvite.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 11 KiB |
53
src/route/Correction/Correction.css
Normal file
53
src/route/Correction/Correction.css
Normal file
@ -0,0 +1,53 @@
|
||||
.correctDownBox {
|
||||
width: 138px;
|
||||
height: 94px;
|
||||
/* background: rgba(238, 10, 10, 0.7); */
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.correctDownBtn {
|
||||
width: 138px;
|
||||
height: 47px;
|
||||
background: rgba(242, 242, 242, 0.7);
|
||||
text-align: center;
|
||||
line-height: 47px;
|
||||
|
||||
}
|
||||
|
||||
.correctionType {
|
||||
display: flex;
|
||||
/* background-color: red; */
|
||||
align-items: center;
|
||||
margin-left: 10px;
|
||||
width: 124px;
|
||||
font-size: 12px;
|
||||
color: #5e5b59;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
.corrTypeA {
|
||||
flex: 1;
|
||||
height: 25px;
|
||||
background: rgba(255, 189, 146, 0.32);
|
||||
/* padding: 10px; */
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
line-height: 25px;
|
||||
border-right: 1px dashed #d1d1d1;
|
||||
}
|
||||
|
||||
.corrTypeB {
|
||||
flex: 1;
|
||||
height: 25px;
|
||||
background: rgba(255, 189, 146, 0.32);
|
||||
/* padding: 10px; */
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
line-height: 25px;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,21 +1,341 @@
|
||||
.refun {
|
||||
margin-top: 18px;
|
||||
background-color: rgb(255, 255, 255);
|
||||
padding: 30px 20px 0px 20px;
|
||||
box-sizing: border-box;
|
||||
/* background-color: rgb(255, 255, 255); */
|
||||
/* padding: 30px 20px 0px 20px; */
|
||||
/* box-sizing: border-box; */
|
||||
/* display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center; */
|
||||
/* position: relative; */
|
||||
/* background-color: pink; */
|
||||
margin-bottom: -10px;
|
||||
|
||||
}
|
||||
|
||||
.ellipsis-text {
|
||||
white-space: nowrap; /* 防止文本换行 */
|
||||
overflow: hidden; /* 隐藏超出部分 */
|
||||
text-overflow: ellipsis; /* 用省略号代替超出部分 */
|
||||
white-space: nowrap;
|
||||
/* 防止文本换行 */
|
||||
overflow: hidden;
|
||||
/* 隐藏超出部分 */
|
||||
text-overflow: ellipsis;
|
||||
/* 用省略号代替超出部分 */
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.refunBtn {
|
||||
color: #165EFF;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
.projBox {
|
||||
margin-bottom: 10px;
|
||||
width: 100%;
|
||||
padding: 21px 17px 31px 0px;
|
||||
box-sizing: border-box;
|
||||
background-color: rgb(255, 255, 255);
|
||||
position: relative;
|
||||
/* height: 194px; */
|
||||
}
|
||||
|
||||
.projBoxTop {
|
||||
display: flex;
|
||||
|
||||
}
|
||||
|
||||
.projName {
|
||||
height: 40px;
|
||||
max-width: calc(100% - 320px);
|
||||
padding: 0 10px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
cursor: pointer;
|
||||
/* background-color: skyblue; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
/* margin-left: 43px; */
|
||||
font-size: 18px;
|
||||
color: #161616;
|
||||
font-style: italic;
|
||||
background-image: url(../../static/projBox/background.png);
|
||||
background-size: 100% 100%;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.projBoxBot {
|
||||
margin-top: 11px;
|
||||
/* background-color: skyblue; */
|
||||
height: 89px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding-left: 16px;
|
||||
box-sizing: border-box;
|
||||
|
||||
}
|
||||
|
||||
.boxTopL {
|
||||
flex: 2.8;
|
||||
display: flex;
|
||||
height: 89px;
|
||||
align-items: center;
|
||||
/* background-color: red; */
|
||||
position: relative;
|
||||
padding-right: 10px;
|
||||
box-sizing: border-box;
|
||||
border-right: 1px solid #EFEBCF;
|
||||
}
|
||||
|
||||
/* .boxTopC {
|
||||
flex: 7;
|
||||
display: flex;
|
||||
height: 89px;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
} */
|
||||
|
||||
.projlogo {
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.projInfo {
|
||||
margin-left: 10px;
|
||||
font-size: 15px;
|
||||
color: #131313;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 55px;
|
||||
justify-content: space-between;
|
||||
/* max-width: 300px; */
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.projPeople {
|
||||
cursor: pointer;
|
||||
width: 250px;
|
||||
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
cursor: pointer;
|
||||
/* background-color: pink; */
|
||||
}
|
||||
|
||||
.projImg {
|
||||
/* background-color: red; */
|
||||
/* position: relative; */
|
||||
/* background-color: red; */
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.lookImg {
|
||||
cursor: pointer;
|
||||
color: #3473D0;
|
||||
/* background-color: red; */
|
||||
|
||||
}
|
||||
|
||||
.projImgList {
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
background-color: rgb(235, 235, 235);
|
||||
padding: 10px;
|
||||
left: 140px;
|
||||
top: 60px;
|
||||
border-radius: 10px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.projReason {
|
||||
flex: 1.9;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
/* width: 280px; */
|
||||
height: 89px;
|
||||
/* background: rgba(248, 242, 230, 0.7); */
|
||||
border-radius: 10px;
|
||||
/* margin-left: 50px; */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
border-right: 1px solid #EFEBCF;
|
||||
}
|
||||
|
||||
.projReasonTop {
|
||||
display: flex;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.reasonImg {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.yellowTitle {
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
color: #D2BE97;
|
||||
}
|
||||
|
||||
.projBoxText {
|
||||
color: #919090;
|
||||
font-size: 15px;
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.statusprojBoxText {
|
||||
/* background-color: red; */
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.projStatus {
|
||||
flex: 4;
|
||||
/* width: 320px; */
|
||||
min-width: 300px;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
height: 89px;
|
||||
/* background: rgba(248, 242, 230, 0.7); */
|
||||
border-radius: 10px;
|
||||
/* margin-left: 50px; */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
border-right: 1px solid #EFEBCF;
|
||||
|
||||
}
|
||||
|
||||
.projStatusTop {
|
||||
display: flex;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.projStatusImg {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.projPrice {
|
||||
width: 147px;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
height: 89px;
|
||||
background: rgba(248, 242, 230, 0.7);
|
||||
border-radius: 10px;
|
||||
/* margin-left: 50px; */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
|
||||
.projPriceNum {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.priceNum {
|
||||
font-size: 16px;
|
||||
color: #464440;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.setProj {
|
||||
margin-top: 6px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
color: #3473D0;
|
||||
}
|
||||
|
||||
.zwBox {
|
||||
flex: 1;
|
||||
/* background-color: red; */
|
||||
height: 93px;
|
||||
|
||||
}
|
||||
|
||||
.projBtn {
|
||||
/* flex: 1; */
|
||||
width: 138px;
|
||||
height: 93px;
|
||||
background: rgba(242, 242, 242, 0.7);
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
|
||||
.timeImg {
|
||||
width: 320px;
|
||||
height: 52px;
|
||||
/* background-color: skyblue; */
|
||||
background-image: url(../../static/projBox/timeback.png);
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-right: 10px;
|
||||
box-sizing: border-box;
|
||||
justify-content: flex-end;
|
||||
font-weight: bold;
|
||||
font-size: 15px;
|
||||
color: #2D2D2D;
|
||||
}
|
||||
|
||||
.numImg {
|
||||
width: 32px;
|
||||
height: 35px;
|
||||
background-image: url(../../static/projBox/num.png);
|
||||
background-size: 100% 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
color: #FFFFFF;
|
||||
margin-right: 3%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 分页 */
|
||||
.pagination {
|
||||
|
||||
|
||||
background-color: rgb(255, 255, 255);
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
border-top: 1px solid rgb(236, 236, 236);
|
||||
|
||||
}
|
||||
BIN
src/static/projBox/background.png
Normal file
BIN
src/static/projBox/background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
src/static/projBox/black.png
Normal file
BIN
src/static/projBox/black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
src/static/projBox/blue.png
Normal file
BIN
src/static/projBox/blue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
src/static/projBox/green.png
Normal file
BIN
src/static/projBox/green.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
src/static/projBox/logo.png
Normal file
BIN
src/static/projBox/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
src/static/projBox/num.png
Normal file
BIN
src/static/projBox/num.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
BIN
src/static/projBox/red.png
Normal file
BIN
src/static/projBox/red.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
BIN
src/static/projBox/reson.png
Normal file
BIN
src/static/projBox/reson.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
src/static/projBox/timeback.png
Normal file
BIN
src/static/projBox/timeback.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Loading…
Reference in New Issue
Block a user