Browse Source

走查样式调整

pull/1/head
zq 2 months ago
parent
commit
f75608ce64
  1. 4
      view/css/common.css
  2. 29
      view/css/index.css

4
view/css/common.css

@ -17,7 +17,9 @@ body{
p{ p{
margin: 0; margin: 0;
} }
/* input::placeholder{
text-align: center;
} */
.flex{ .flex{
display: flex; display: flex;
} }

29
view/css/index.css

@ -82,12 +82,16 @@
} }
#next-page { #next-page {
margin-left: 10px;
margin-right: 16px; margin-right: 16px;
} }
.input-page span { .input-page span {
display: inline-block; display: inline-block;
} }
#jump-to-page{
border:1px solid #DCDFE6;
}
/* 分页容器样式 */ /* 分页容器样式 */
.pagination { .pagination {
@ -209,12 +213,13 @@
.tab-list { .tab-list {
justify-content: space-between; justify-content: space-between;
padding-top: 13px; /* padding-top: 13px; */
height: 52px;
align-items: center; align-items: center;
border-bottom: 1px solid #DFE2E6;; border-bottom: 1px solid #DFE2E6;;
} }
.tab-list::after{ .tab-list::after{
content: ''; /* content: '';
display: block; display: block;
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -222,7 +227,7 @@
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: -8px; bottom: -8px;
background: linear-gradient(270deg, rgba(140, 145, 157, 0.1) 0%, rgba(140, 145, 157, 0.2) 50%, rgba(140, 145, 157, 0.1) 100%); background: linear-gradient(270deg, rgba(140, 145, 157, 0.1) 0%, rgba(140, 145, 157, 0.2) 50%, rgba(140, 145, 157, 0.1) 100%); */
} }
.index-nav-wrap ul { .index-nav-wrap ul {
@ -235,7 +240,7 @@
letter-spacing: 1px; letter-spacing: 1px;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
margin: 9px 0; margin: 10px 0 0 0;
} }
.index-nav-wrap ul::after { .index-nav-wrap ul::after {
@ -441,6 +446,9 @@
/* padding: 7px 12px; */ /* padding: 7px 12px; */
color: #626573; color: #626573;
} }
.upload_btn img{
margin-right: 6px;
}
button:hover { button:hover {
opacity: .8; opacity: .8;
} }
@ -469,6 +477,7 @@ button:hover {
padding: 0; padding: 0;
width: 76px; width: 76px;
height: 32px; height: 32px;
margin-left: 16px;
} }
.addNewBtn { .addNewBtn {
@ -569,11 +578,13 @@ button:hover {
} }
.form-item{ .form-item{
display: flex; display: flex;
align-items: center; align-items: normal;
padding: 12px 0; padding: 12px 0;
min-height: 38px;
} }
.form-left{ .form-left{
width: 60px; width: 60px;
padding-top: 9px;
margin-right: 24px; margin-right: 24px;
} }
.form-right{ .form-right{
@ -614,7 +625,7 @@ button:hover {
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 660px; width: 660px;
padding: 0 24px 12px; padding: 0 24px 32px;
background: #fff; background: #fff;
border-radius: 6px; border-radius: 6px;
opacity: 1; opacity: 1;
@ -639,6 +650,7 @@ button:hover {
width: calc(100% - 24px); width: calc(100% - 24px);
height: 64px; height: 64px;
/* margin-bottom: 10px; */ /* margin-bottom: 10px; */
border-radius: 2px;
padding: 10px 12px 28px; padding: 10px 12px 28px;
letter-spacing: 0.08em; letter-spacing: 0.08em;
font-variation-settings: "opsz" auto; font-variation-settings: "opsz" auto;
@ -663,7 +675,7 @@ button:hover {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin: 16px 0; margin: 32px 0 16px 0;
} }
.modal .modal_top b{ .modal .modal_top b{
font-size: 16px; font-size: 16px;
@ -714,6 +726,9 @@ button:hover {
padding: 7px 22px; padding: 7px 22px;
width: auto; width: auto;
} }
.modal .buttons button:last-child{
margin-left: 20px;
}
.modal_btn_column{ .modal_btn_column{
flex-direction: column; flex-direction: column;

Loading…
Cancel
Save