From baec557961bc60a04a0ae18a27e0a87961ef1da8 Mon Sep 17 00:00:00 2001
From: Helius <wangdoubleone@gmail.com>
Date: Wed, 06 Jan 2021 11:26:44 +0800
Subject: [PATCH] modify

---
 zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/order-form.html |   52 +++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 39 insertions(+), 13 deletions(-)

diff --git a/zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/order-form.html b/zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/order-form.html
index 69e9692..e196d78 100644
--- a/zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/order-form.html
+++ b/zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/order-form.html
@@ -87,8 +87,31 @@
             list-style:none;
             float: left;
             display: block;
-            border: #0e9aef 1px solid;
+            cursor: pointer;
+            position: relative;
+            border: white 1px solid;
         }
+        .paymethod ul li:hover {
+            border: #409EFF 1px solid;
+        }
+        .paymethod .active {
+            border: #409EFF 1px solid;
+        }
+        .paymethod .active::after {
+             content: '';
+             display: block;
+             height: 0px;
+             width: 0px;
+             position: absolute;
+             bottom: 0;
+             right: 0;
+             color:#fff;
+             /**对号大小*/
+             font-size: 10px;
+             line-height: 8px;
+             border: 3px solid;
+             border-color: transparent #4884ff #4884ff transparent;
+         }
     </style>
 </head>
 <body>
@@ -436,18 +459,21 @@
         <el-row type="flex" align="middle" style="padding: 10px 0;">
             <el-col :span="5" style="text-align: center;">收款方式</el-col>
             <el-col class="paymethod" :span="15">
-                <ul style="border: #0c7cb5 1px dashed;">
-                    <li>现金支付</li>
-                    <li>微信</li>
-                    <li>支付宝</li>
-                    <li>银行卡支付</li>
-                    <li>团购</li>
-                </ul>
-
-                <ul>
-                    <li>会员储值卡</li>
-                    <li>欠款</li>
-                </ul>
+                <el-row>
+                    <ul style="border: #0c7cb5 1px dashed;">
+                        <li class="active">现金支付</li>
+                        <li>微信</li>
+                        <li>支付宝</li>
+                        <li>银行卡支付</li>
+                        <li>团购</li>
+                    </ul>
+                </el-row>
+                <el-row>
+                    <ul>
+                        <li>会员储值卡</li>
+                        <li>欠款</li>
+                    </ul>
+                </el-row>
             </el-col>
         </el-row>
 

--
Gitblit v1.9.1