打印机字段修改

This commit is contained in:
duan
2024-10-18 11:16:44 +08:00
parent b80ce77096
commit 9c97a912a7
12 changed files with 214 additions and 78 deletions

View File

@@ -2,8 +2,7 @@
<view class="table-scroll">
<table cellspacing="0">
<thead>
<tr style="background-color: #aebad2;color: #fff;" height='80'>
<th>排名</th>
<tr style="background-color: #aebad2;color: #fff;" height='41'>
<th>商品名称</th>
<th>数量</th>
<th>金额</th>
@@ -11,10 +10,9 @@
</thead>
<tbody>
<tr v-for="(item,index) in tableList" :key="item.productId">
<td>{{++index}}</td>
<td>{{item.productName}}</td>
<td>{{item.num}}</td>
<td>{{item.salesAmount}}</td>
<td style="padding-left: 16rpx;">{{item.productName}}</td>
<td style="padding-left: 16rpx;">{{item.num}}</td>
<td style="padding-left: 16rpx;">{{item.salesAmount}}</td>
</tr>
</tbody>
</table>
@@ -57,36 +55,35 @@
.table-scroll {
overflow-x: scroll;
white-space: nowrap;
margin: 0 28rpx;
margin: 32rpx 28rpx;
margin-right: 30rpx;
border-radius: 30rpx 30rpx 0 0;
}
.table-scroll table {
table-layout: fixed;
width: calc(100% - 10rpx);
}
.table-scroll thead {
display: table-row;
background-color: bisque;
font-size: 24rpx;
}
.table-scroll tbody {
overflow-y: scroll;
overflow-x: hidden;
display: block;
width: 1040rpx;
width: 100%;
}
.table-scroll th,
td {
height: 80rpx;
height: 82rpx;
overflow: hidden;
text-overflow: ellipsis;
min-width: 250rpx;
border: 2rpx solid #7E9BD4;
width: 250rpx;
border: 0.7rpx solid rgba(126, 155, 212, 0.27);
}
</style>