发票页面样式

zhangxiaoxu123

2022-12-30 77ee4ed717da0d0b5a1d91c5a85cf4e6fc3e4783

 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>