智能提醒、书写规范样式

src/html/caseWriteStandard.html

@@ -25,27 +25,27 @@
       color: #505050;
       line-height: 28px;
     }
-
-    h1 {
-      text-align: center;
-      padding: 80px 0 60px;
-    }
     .titleH1{
-      padding: 20px 0;
-      color: #1E1E1E;
+      text-align: center;
+      color: #fff;
       font-size: 18px;
+      background: #FF7F5B;
+      height: 60px;
+      line-height: 60px;
     }
-    .contentTitle{
-      font-size: 14px;
-      color: #1E1E1E;
-      font-weight: 600;
+    .content{
+      padding:20px 0 0 60px;
+    }
+    .content>div:before{
+      content: "·";
+      color: #FF7F5B;
+      font-size: 38px;
+      vertical-align: text-bottom;
+      margin-right: 3px;
     }
-
     .container {
-      width: 80%;
       background: #fff;
       margin: 0 auto;
-      padding: 0 30px 40px;
     }
   </style>
   <script>

src/html/smartAlert.html

@@ -25,34 +25,43 @@
       color: #505050;
       line-height: 28px;
     }
-
-    h1 {
-      text-align: center;
-      padding: 80px 0 60px;
-    
-    }
     .titleH1{
-      padding: 20px 0;
-      color: #1E1E1E;
+      text-align: center;
+      color: #fff;
       font-size: 18px;
+      background: #FF7F5B;
+      height: 60px;
+      line-height: 60px;
+    }
+    .content{
+      padding:20px 0 0 60px;
     }
     .contentTitle{
-      font-size: 14px;
-      color: #1E1E1E;
-      font-weight: 600;
+      margin-bottom: 7px;
+    }
+    .contentTitle span{
+      display: inline-block;
+      padding: 0 8px;
+      border:1px solid #FF7F5B;
+      color: #FF7F5B;
+    }
+    .contentBox{
+      margin-bottom: 12px;
+    }
+    .contentBox li{
+      line-height: 20px;
+      color: #333;
+    }
+    .contentBox li:before{
+      content: "·";
+      color: #FF7F5B;
+      font-size: 38px;
+      vertical-align: text-bottom;
+      margin-right: 3px;
     }
     .container {
-      width: 80%;
       background: #fff;
       margin: 0 auto;
-      padding: 0 30px 40px;
-    }
-    .contentBox .contentItem{
-      list-style: disc;
-    }
-    .contentBox{
-      padding: 0 0 0 20px;
-      margin: 0 0 15px 0;
     }
   </style>
   <script>

src/js/smartAlert.js

@@ -37,7 +37,7 @@ $(function(){
     if(list.length === 0){
       return
     }
-    let str = `<p class="contentTitle">${name}</p>`
+    let str = `<p class="contentTitle"><span>${name}</span></p>`
     let infoStr = ""
     for(let i = 0; i < list.length; i++){
       infoStr+= `<li class="contentItem">${list[i].msg}</li>`