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 {