huaisianhuang il y a 4 ans
Parent
commit
ef3640a38e
3 fichiers modifiés avec 44 ajouts et 2 suppressions
  1. 2 0
      UI version/index2.html
  2. 6 1
      UI version/script_msg.js
  3. 36 1
      UI version/style.css

+ 2 - 0
UI version/index2.html

@@ -14,6 +14,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet"> 
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.min.css">
   <link rel="stylesheet" href="style.css">
   <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
   <style>
@@ -164,6 +165,7 @@
   <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script> 
+  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.all.min.js"></script>
   <script src="script_msg.js"></script>
 
   <body>

+ 6 - 1
UI version/script_msg.js

@@ -40,7 +40,12 @@ $(".next").click(function(){
 	type: 'post',
 	data: objstr,
 	success: function(suc_data) {
-        
+    Swal.fire({
+      title: "資料已送出",
+      icon: 'success',
+      text: `${suc_data.msg}`,
+      confirmButtonColor: '#3085d6',
+    });
 	  },
 	//data:JSON.stringify({n1:"12",n2:"22"}),
 	error: function (error) {

+ 36 - 1
UI version/style.css

@@ -15,7 +15,7 @@ html {
 }
 
 body {
-	font-family: montserrat, arial, verdana;
+	font-family: 'Montserrat', sans-serif;
 	background-color: white;
 	font-size: 1.05rem;
 }
@@ -162,6 +162,33 @@ body {
 	left: 45%;
 }
 
+.imgfr {
+	width:90px;
+	height: 90px;
+	border-radius: 50%;
+	overflow: hidden;
+	margin: 1rem auto 0 auto;
+}
+
+.card-title {
+	font-family: 'Montserrat', sans-serif;
+}
+
+.strong {
+	font-weight: 600;
+}
+
+.card {
+	border: none;
+	position: relative;
+}
+
+.zoomin {
+	display: none;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+}
 /* .history-modal {
 	height: 80vh;
 }
@@ -248,6 +275,9 @@ body {
 #msform .action-button:hover, #msform .action-button:focus {
 	box-shadow: 0 0 0 2px white, 0 0 0 3px #1C7CE0;
 }
+#msform .next[disabled] {
+	background-color: grey;
+}
 /*headings*/
 .fs-title {
 	font-size: 15px;
@@ -328,6 +358,7 @@ p.error-text {
 	left: 24px;
 	color: rgba(255, 0, 0, .7);
 	font-size: .8em;
+	margin-bottom: 0;
 }
 
 #term-error {
@@ -528,3 +559,7 @@ footer {
 	border: none;
 }
 
+#msform input[type="text"].error {
+	border-color: red;
+}
+