CH Newsletter 表单增加邮箱提示

application/views/mobile_first/ch-pc.php

@@ -325,6 +325,7 @@
     <!--@TOP-BANNER@-->
     <!--@TOP-VIDEO@-->
     <div class="main_content">
+    <script src="https://data.chinahighlights.com/js/min.php?f=/js/jquery-1.8.2.min.js,/js/jquery.mailAutoComplete-4.0.min.js&amp;v=20231110"></script>
         <!--@HEAD_1@-->
         <div id="main_content_pc">
             <div class="pc_content">
@@ -799,7 +800,21 @@ function validateNewsletterForm() {
             firstScript.parentNode.insertBefore(asyncScript, firstScript);
         }</script>
     <!--@IN-ARTICLE-GOOGLE@-->
-
+    <style type="text/css">
+.emailist{border:1px solid #bdbdbd; border-radius: 4px; background-color:#fff; color:#666; font-size:14px; list-style-type:0; padding:0; margin:0; overflow:hidden;}
+.emailist li{    padding: 2px 11px;
+    cursor: pointer;
+    font-size: 18px;
+    text-shadow: none;
+    color: #000;
+}
+.emailist .on, .emailist li:hover{background-color:#eee;}
+</style>
+<script>
+  $("#newsletter_email").mailAutoComplete({
+    email: ['gmail.com','outlook.com','yahoo.com','icloud.com','hotmail.com','live.com','aol.com']
+  });
+</script>
     <script type="application/ld+json">
     {
         "@context": "http://schema.org",

application/views/mobile_first/ch.php

@@ -335,7 +335,7 @@
 
   <!--@TOP-BANNER@-->
   <!--@TOP-VIDEO@-->
-
+  <script src="https://data.chinahighlights.com/js/min.php?f=/js/jquery-1.8.2.min.js,/js/jquery.mailAutoComplete-4.0.min.js&amp;v=20231110"></script>
   <!--@HEAD_1@-->
 
   <div id="main_content_mobile">
@@ -747,7 +747,21 @@ function validateNewsletterForm() {
   <!--@PRODUCT-JS@-->
   <!--@ADDON-JS@-->
   <!--@IN-ARTICLE-GOOGLE@-->
-
+    <style type="text/css">
+.emailist{border:1px solid #bdbdbd; border-radius: 4px; background-color:#fff; color:#666; font-size:14px; list-style-type:0; padding:0; margin:0; overflow:hidden;}
+.emailist li{    padding: 2px 11px;
+    cursor: pointer;
+    font-size: 18px;
+    text-shadow: none;
+    color: #000;
+}
+.emailist .on, .emailist li:hover{background-color:#eee;}
+</style>
+<script>
+  $("#newsletter_email").mailAutoComplete({
+    email: ['gmail.com','outlook.com','yahoo.com','icloud.com','hotmail.com','live.com','aol.com']
+  });
+</script>
 
   <script type="application/ld+json">
 {