Sfoglia il codice sorgente

🐞 fix(cashier): 调整收银页面底部样式和布局

陈雪 1 settimana fa
parent
commit
5635e38b2e
1 ha cambiato i file con 9 aggiunte e 4 eliminazioni
  1. 9 4
      src/renderer/views/cashier/index.vue

+ 9 - 4
src/renderer/views/cashier/index.vue

@@ -1311,9 +1311,10 @@ export default {
       display: block;
       display: block;
       width: 100%;
       width: 100%;
       color: #666666;
       color: #666666;
-      margin-bottom: 120px;
+      // margin-bottom: 120px;
+      box-sizing: border-box;
       // margin-top: 70px;
       // margin-top: 70px;
-      padding: 0px;
+      padding-bottom: 150px;
       .tab {
       .tab {
         width: 50%;
         width: 50%;
         .cart-list {
         .cart-list {
@@ -1401,13 +1402,17 @@ export default {
     .footer {
     .footer {
       position: fixed;
       position: fixed;
       z-index: 999;
       z-index: 999;
-      bottom: 0;
-      height: 120px;
+      bottom: -10px;
+      height: 130px;
       padding-top: 5px;
       padding-top: 5px;
       padding-right: 15px;
       padding-right: 15px;
       display: block;
       display: block;
       width: 310px;
       width: 310px;
       margin-bottom: 10px;
       margin-bottom: 10px;
+      background-color: #fff;
+      box-sizing: border-box;
+      padding-bottom: 10px;
+      border-top: 1px solid #f5f5f5;
       .number {
       .number {
         float: right;
         float: right;
         margin: 5px;
         margin: 5px;