From 77ee4ed717da0d0b5a1d91c5a85cf4e6fc3e4783 Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123 <819527061@qq.com>
Date: 星期五, 30 十二月 2022 20:12:05 +0800
Subject: [PATCH] 发票页面样式
---
src/components/page/invoice/invoiceForm.vue | 29 ++++++++++++++++++-----------
1 files changed, 18 insertions(+), 11 deletions(-)
diff --git a/src/components/page/invoice/invoiceForm.vue b/src/components/page/invoice/invoiceForm.vue
index 8173d8d..db8ba52 100644
--- a/src/components/page/invoice/invoiceForm.vue
+++ b/src/components/page/invoice/invoiceForm.vue
@@ -5,9 +5,11 @@
<div class="invoiceForm-main-inside">
<div class="invoice-date-box">
<el-date-picker
- class="invoice-date-box"
+ :editable="false"
+ format="yyyy-MM"
+ value-format="yyyy-MM"
v-model="date"
- type="date"
+ type="month"
placeholder="閫夋嫨鏃ユ湡">
</el-date-picker>
</div>
@@ -31,7 +33,6 @@
<svg class="iconSvg" style="font-size: 12px" aria-hidden="true">
<use xlink:href="#icon-shijian3"></use>
</svg>
- {{item.isShow}}
{{item.enterTime}}
</div>
<div class="invoiceForm-content">
@@ -164,34 +165,40 @@
}
.invoice-date-box{
.el-input__prefix{
- right: 0vw /* 10/7.5 */!important;
- top: 0.93vw /* 7/7.5 */;
+ left: 21vw /* 10/7.5 */!important;
+ top: 2.4vw;
}
.el-input__inner{
border: none!important;
color: #303030;
- font-size: 3.2vw /* 24/7.5 */;
+ font-size: 3.73vw /* 28/7.5 */;
font-weight: 500;
}
.el-icon-date:before{
- content: url("../../../assets/images/down.png");
+ background: url("../../../assets/images/down1.png") no-repeat center;
+ background-size: 100% 100%;
width: 2.67vw /* 20/7.5 */;
- height: 0.267rem /* 20/75 */;
+ height: 2.67vw /* 20/7.5 */;
+ content: '';
+ display: block;
}
input::-webkit-input-placeholder{ /*WebKit browsers*/
color: #303030;
- font-size: 3.2vw /* 24/7.5 */;
+ font-size: 3.73vw /* 28/7.5 */;
font-weight: 500;
}
.el-input--prefix .el-input__inner{
padding-left: 2.67vw /* 20/7.5 */;
+ }
+ .el-icon-circle-close:before{
+ content: '';
}
}
</style>
<style lang="scss" scoped>
*{
- font-family: '骞虫柟';
+ font-family: '鑻规柟';
color: #626262;
}
::v-deep{
@@ -250,6 +257,7 @@
background-color: #fff;
padding:1.33vw /* 10/7.5 */ 2.67vw /* 20/7.5 */;
display: flex;
+ border-bottom: 1px solid #f5f5f5;
}
}
@@ -302,7 +310,6 @@
}
.money-small{
font-size: 3.2vw /* 24/7.5 */;
- font-weight: lighter;
}
}
</style>
--
Gitblit v1.9.1