VUE|VUE 记账凭证模块组件的示例代码

【VUE|VUE 记账凭证模块组件的示例代码】效果如下所示:
VUE|VUE 记账凭证模块组件的示例代码
文章图片

.voucher-container { height: 100%; width: 100%; overflow: hidden; margin: 0.625rem; padding: 0; }.voucher_header { padding-top: 20px; margin-bottom: 10px; .voucher_header_title { float: left; display: inline; margin: -20px 130px 0px 100px; font: 28px/1.8 'Microsoft Yahei'; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); .voucher_header_number { text-align: left; margin-left: 120px; .voucher_footer { margin: 10px; font-weight: bold; .voucher { border-collapse: collapse; th, td {border: 1px solid #ccc; height: 35px; th {height: 48px; color: #555555; font-size: 14px; text-align: center; font-weight: bold; overflow: hidden; .voucher_title {display: block; height: 25px; line-height: 25px; .voucher_last {margin-right: 0; width: 18px; .voucher_money {font-size: 12px; min-width: 221px; span {float: left; display: inline; width: 19px; height: 100%; margin-right: 1px; .voucher_column, .voucher_credit, .voucher_debite {background-image: url(../assets/image/money_column.png); background-repeat: repeat-y; .voucher_summary {min-width: 6.25rem; word-break: break-all; word-wrap: break-word; .voucher_subject { .voucher_unit {height: 22px; line-height: 22px; font-weight: normal; border-top: 1px solid #dadada; .voucher_total {letter-spacing: 1px; .voucher_number {position: relative; font-family: 'tahoma'; letter-spacing: 11px; text-align: right; right: -5px; .voucher_item {

到此这篇关于VUE 记账凭证模块组件的示例代码的文章就介绍到这了,更多相关vue记账凭证内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

    推荐阅读