Skip to content

V
vipSupplier
Commit 54a75193 by honghong
Options

表格字体适应

parent bbbb0874
Showing with 123 additions and 56 deletions
src/views/loginCustom/index.vue
...@@ -80,12 +80,14 @@ ...@@ -80,12 +80,14 @@
.login-title { .login-title {
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-size: 30px; // font-size: 30px;
font-size: 1.92rem;
color: #026; color: #026;
} }
.login-tips-text { .login-tips-text {
text-align: center; text-align: center;
font-size: 20px; // font-size: 20px;
font-size: 1.2rem;
color: #373737; color: #373737;
} }
.code-img { .code-img {
...@@ -100,7 +102,8 @@ ...@@ -100,7 +102,8 @@
} }
.use-text { .use-text {
text-align: center; text-align: center;
font-size: 13px; // font-size: 13px;
font-size: 0.8rem;
color: #373737; color: #373737;
} }
.bottom-box-sys { .bottom-box-sys {
......
src/views/vab/accountProtection/index.vue
...@@ -128,7 +128,9 @@ ...@@ -128,7 +128,9 @@
width: 100%; width: 100%;
padding: 1vh 0.5vw; padding: 1vh 0.5vw;
box-sizing: border-box; box-sizing: border-box;
font-size: calc(100vh * 29 / 1920); // font-size: calc(100vh * 29 / 1920);
font-size: 0.9rem;
color: #e60000; color: #e60000;
} }
...@@ -149,9 +151,11 @@ ...@@ -149,9 +151,11 @@
::v-deep .el-table th .cell { ::v-deep .el-table th .cell {
color: #fff; color: #fff;
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
} }
::v-deep .el-table td .cell { ::v-deep .el-table td .cell {
font-size: calc(100vh * 24 / 1920); font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
</style> </style>
src/views/vab/billDetailsQuery/index.vue
...@@ -160,13 +160,15 @@ ...@@ -160,13 +160,15 @@
height: 4vh; height: 4vh;
.el-form-item__label { .el-form-item__label {
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
font-weight: bold; font-weight: bold;
width: 6.5vw; width: 6.5vw;
} }
.el-input__inner { .el-input__inner {
font-size: calc(100vh * 26 / 1920); // font-size: calc(100vh * 26 / 1920);
font-size: 0.8rem;
height: 3.5vh; height: 3.5vh;
} }
...@@ -228,10 +230,12 @@ ...@@ -228,10 +230,12 @@
::v-deep .el-table th .cell { ::v-deep .el-table th .cell {
color: #fff; color: #fff;
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
} }
::v-deep .el-table td .cell { ::v-deep .el-table td .cell {
font-size: calc(100vh * 24 / 1920); // font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
</style> </style>
src/views/vab/billQuery/index.vue
...@@ -603,14 +603,16 @@ ...@@ -603,14 +603,16 @@
margin-right: 1vw; margin-right: 1vw;
.el-form-item__label { .el-form-item__label {
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
font-weight: bold; font-weight: bold;
// width: 7vw; // width: 7vw;
} }
.el-input__inner { .el-input__inner {
font-size: calc(100vh * 26 / 1920); // font-size: calc(100vh * 26 / 1920);
font-size: 0.8rem;
height: 3.5vh; height: 3.5vh;
} }
...@@ -672,16 +674,19 @@ ...@@ -672,16 +674,19 @@
::v-deep .el-table th .cell { ::v-deep .el-table th .cell {
color: #fff; color: #fff;
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
} }
::v-deep .el-table td .cell { ::v-deep .el-table td .cell {
font-size: calc(100vh * 24 / 1920); // font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
::v-deep .el-table .cell { ::v-deep .el-table .cell {
line-height: normal !important; line-height: normal !important;
} }
::v-deep .el-date-editor .el-range-input { ::v-deep .el-date-editor .el-range-input {
font-size: calc(100vh * 24 / 1920); // font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
</style> </style>
src/views/vab/directOrder/index.vue
...@@ -77,13 +77,16 @@ ...@@ -77,13 +77,16 @@
height: 3.5vh; height: 3.5vh;
.el-form-item__label { .el-form-item__label {
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
font-weight: bold; font-weight: bold;
width: 5vw; width: 5vw;
} }
.el-input__inner { .el-input__inner {
font-size: calc(100vh * 26 / 1920); // font-size: calc(100vh * 26 / 1920);
font-size: 0.8rem;
height: 3.5vh; height: 3.5vh;
} }
......
src/views/vab/getOrder/detail.vue
...@@ -209,13 +209,15 @@ ...@@ -209,13 +209,15 @@
height: 4vh; height: 4vh;
.el-form-item__label { .el-form-item__label {
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
font-weight: bold; font-weight: bold;
width: 5.5vw; width: 5.5vw;
} }
.el-input__inner { .el-input__inner {
font-size: calc(100vh * 26 / 1920); // font-size: calc(100vh * 26 / 1920);
font-size: 0.8rem;
height: 3.5vh; height: 3.5vh;
} }
...@@ -289,12 +291,15 @@ ...@@ -289,12 +291,15 @@
} }
} }
::v-deep .el-table th .cell { ::v-deep .el-table th .cell {
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
} }
::v-deep .el-table td .cell { ::v-deep .el-table td .cell {
font-size: calc(100vh * 24 / 1920); // font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
::v-deep .el-date-editor .el-range-input { ::v-deep .el-date-editor .el-range-input {
font-size: calc(100vh * 24 / 1920); // font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
</style> </style>
src/views/vab/getOrder/index.vue
...@@ -392,7 +392,8 @@ ...@@ -392,7 +392,8 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.right_tip { .right_tip {
font-size: calc(100vh * 30 / 1920); // font-size: calc(100vh * 30 / 1920);
font-size: 1rem;
color: #e60000; color: #e60000;
} }
.container::v-deep { .container::v-deep {
...@@ -411,13 +412,17 @@ ...@@ -411,13 +412,17 @@
height: 4vh; height: 4vh;
.el-form-item__label { .el-form-item__label {
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
font-weight: bold; font-weight: bold;
width: 5.5vw; width: 5.5vw;
} }
.el-input__inner { .el-input__inner {
font-size: calc(100vh * 26 / 1920); // font-size: calc(100vh * 26 / 1920);
font-size: 0.8rem;
height: 3.5vh; height: 3.5vh;
} }
...@@ -487,12 +492,15 @@ ...@@ -487,12 +492,15 @@
} }
} }
::v-deep .el-table th .cell { ::v-deep .el-table th .cell {
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
} }
::v-deep .el-table td .cell { ::v-deep .el-table td .cell {
font-size: calc(100vh * 24 / 1920); // font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
::v-deep .el-date-editor .el-range-input { ::v-deep .el-date-editor .el-range-input {
font-size: calc(100vh * 24 / 1920); // font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
</style> </style>
src/views/vab/orderDownload/index.vue
...@@ -65,13 +65,16 @@ ...@@ -65,13 +65,16 @@
height: 3.5vh; height: 3.5vh;
.el-form-item__label { .el-form-item__label {
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
font-weight: bold; font-weight: bold;
width: 5vw; width: 5vw;
} }
.el-input__inner { .el-input__inner {
font-size: calc(100vh * 26 / 1920); // font-size: calc(100vh * 26 / 1920);
font-size: 0.8rem;
height: 3.5vh; height: 3.5vh;
} }
......
src/views/vab/orderProgress/detail.vue
...@@ -224,13 +224,16 @@ ...@@ -224,13 +224,16 @@
height: 4vh; height: 4vh;
.el-form-item__label { .el-form-item__label {
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
font-weight: bold; font-weight: bold;
width: 5.5vw; width: 5.5vw;
} }
.el-input__inner { .el-input__inner {
font-size: calc(100vh * 26 / 1920); // font-size: calc(100vh * 26 / 1920);
font-size: 0.8rem;
height: 3.5vh; height: 3.5vh;
} }
...@@ -304,12 +307,15 @@ ...@@ -304,12 +307,15 @@
} }
} }
::v-deep .el-table th .cell { ::v-deep .el-table th .cell {
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
} }
::v-deep .el-table td .cell { ::v-deep .el-table td .cell {
font-size: calc(100vh * 24 / 1920); // font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
::v-deep .el-date-editor .el-range-input { ::v-deep .el-date-editor .el-range-input {
font-size: calc(100vh * 24 / 1920); // font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
</style> </style>
src/views/vab/orderProgress/index.vue
...@@ -520,7 +520,8 @@ ...@@ -520,7 +520,8 @@
.tip { .tip {
color: red; color: red;
line-height: 4vh; line-height: 4vh;
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
margin-left: 3vw; margin-left: 3vw;
font-weight: bold; font-weight: bold;
} }
...@@ -536,13 +537,15 @@ ...@@ -536,13 +537,15 @@
height: 4vh; height: 4vh;
.el-form-item__label { .el-form-item__label {
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
font-weight: bold; font-weight: bold;
width: 6vw; width: 6vw;
} }
.el-input__inner { .el-input__inner {
font-size: calc(100vh * 26 / 1920); // font-size: calc(100vh * 26 / 1920);
font-size: 0.8rem;
height: 3.5vh; height: 3.5vh;
} }
...@@ -582,12 +585,15 @@ ...@@ -582,12 +585,15 @@
} }
::v-deep .el-table th .cell { ::v-deep .el-table th .cell {
color: #fff; color: #fff;
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
} }
::v-deep .el-table td .cell { ::v-deep .el-table td .cell {
font-size: calc(100vh * 24 / 1920); font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
::v-deep .el-date-editor .el-range-input { ::v-deep .el-date-editor .el-range-input {
font-size: calc(100vh * 24 / 1920); font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
</style> </style>
src/views/vab/payRecord/index.vue
...@@ -52,9 +52,11 @@ ...@@ -52,9 +52,11 @@
} }
::v-deep .el-table th .cell { ::v-deep .el-table th .cell {
color: #fff; color: #fff;
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
} }
::v-deep .el-table td .cell { ::v-deep .el-table td .cell {
font-size: calc(100vh * 24 / 1920); // font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
</style> </style>
src/views/vab/profitDetailsQuery/index.vue
...@@ -559,13 +559,16 @@ ...@@ -559,13 +559,16 @@
margin-right: 1vw; margin-right: 1vw;
.el-form-item__label { .el-form-item__label {
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
font-weight: bold; font-weight: bold;
// width: 6vw; // width: 6vw;
} }
.el-input__inner { .el-input__inner {
font-size: calc(100vh * 26 / 1920); // font-size: calc(100vh * 26 / 1920);
font-size: 0.8rem;
height: 3.5vh; height: 3.5vh;
} }
...@@ -621,16 +624,19 @@ ...@@ -621,16 +624,19 @@
} }
::v-deep .el-table th .cell { ::v-deep .el-table th .cell {
color: #fff; color: #fff;
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
} }
::v-deep .el-table td .cell { ::v-deep .el-table td .cell {
font-size: calc(100vh * 24 / 1920); // font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
::v-deep .el-button { ::v-deep .el-button {
background: #0187fb; background: #0187fb;
border: none; border: none;
} }
::v-deep .el-date-editor .el-range-input { ::v-deep .el-date-editor .el-range-input {
font-size: calc(100vh * 24 / 1920); // font-size: calc(100vh * 24 / 1920);
font-size: 0.7rem;
} }
</style> </style>
src/views/vab/profitQuery/index.vue
...@@ -155,13 +155,15 @@ ...@@ -155,13 +155,15 @@
height: 4vh; height: 4vh;
.el-form-item__label { .el-form-item__label {
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
font-weight: bold; font-weight: bold;
width: 6vw; width: 6vw;
} }
.el-input__inner { .el-input__inner {
font-size: calc(100vh * 26 / 1920); // font-size: calc(100vh * 26 / 1920);
font-size: 0.8rem;
height: 3.5vh; height: 3.5vh;
} }
...@@ -201,9 +203,11 @@ ...@@ -201,9 +203,11 @@
} }
::v-deep .el-table th .cell { ::v-deep .el-table th .cell {
color: #fff; color: #fff;
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
} }
::v-deep .el-table td .cell { ::v-deep .el-table td .cell {
font-size: calc(100vh * 24 / 1920); // font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
</style> </style>
src/views/vab/supplierInvoicing/index.vue
...@@ -253,13 +253,15 @@ ...@@ -253,13 +253,15 @@
align-items: center; align-items: center;
.el-form-item__label { .el-form-item__label {
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
font-weight: bold; font-weight: bold;
width: 7vw; width: 7vw;
} }
.el-input__inner { .el-input__inner {
font-size: calc(100vh * 26 / 1920); // font-size: calc(100vh * 26 / 1920);
font-size: 0.8rem;
height: 3.5vh; height: 3.5vh;
} }
...@@ -326,10 +328,12 @@ ...@@ -326,10 +328,12 @@
::v-deep .el-table th .cell { ::v-deep .el-table th .cell {
color: #fff; color: #fff;
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
} }
::v-deep .el-table td .cell { ::v-deep .el-table td .cell {
font-size: calc(100vh * 24 / 1920); // font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
</style> </style>
src/views/vab/supplierInvoicingQuery/index.vue
...@@ -177,13 +177,15 @@ ...@@ -177,13 +177,15 @@
height: 4vh; height: 4vh;
.el-form-item__label { .el-form-item__label {
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
font-weight: bold; font-weight: bold;
width: 6.8vw; width: 6.8vw;
} }
.el-input__inner { .el-input__inner {
font-size: calc(100vh * 26 / 1920); // font-size: calc(100vh * 26 / 1920);
font-size: 0.8rem;
height: 3.5vh; height: 3.5vh;
} }
...@@ -245,10 +247,12 @@ ...@@ -245,10 +247,12 @@
::v-deep .el-table th .cell { ::v-deep .el-table th .cell {
color: #fff; color: #fff;
font-size: calc(100vh * 28 / 1920); // font-size: calc(100vh * 28 / 1920);
font-size: 0.9rem;
} }
::v-deep .el-table td .cell { ::v-deep .el-table td .cell {
font-size: calc(100vh * 24 / 1920); font-size: calc(100vh * 24 / 1920);
font-size: 0.8rem;
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment