浏览代码

样式调整

zhangdehua 1 年之前
父节点
当前提交
2d6d7d3a01
共有 4 个文件被更改,包括 114 次插入36 次删除
  1. 38 18
      app/index/view/base.html
  2. 26 6
      app/index/view/index/index.html
  3. 46 8
      public/assets/index/css/common.css
  4. 4 4
      public/assets/index/css/index.css

+ 38 - 18
app/index/view/base.html

@@ -237,27 +237,47 @@
                     </div>
                 </div>
                 <div class="footerIconContainer">
-                    <div>Click Here To Contact Us:</div>
-                    <div class="footerIconList">
-                        <a href=" https://wa.me/19252556104">
-                            <div class="footerIconItem">
-                                <img src="/assets/index/asstes/icon/whatsapp.png" alt="">
-                            </div>
-                        </a>
-                        <a href="#">
-                            <div class="footerIconItem">
-                                <img src="/assets/index/asstes/icon/facebook.png" alt="">
-                            </div>
-                        </a>
-                        <a href="#">
-                            <div class="footerIconItem">
-                                <img src="/assets/index/asstes/icon/instagram.png" alt="">
-                            </div>
-                        </a>
+                    <!--                    <div>Click Here To Contact Us:</div>
+                                        <div class="footerIconList">
+                                            <a href=" https://wa.me/19252556104">
+                                                <div class="footerIconItem">
+                                                    <img src="/assets/index/asstes/icon/whatsapp.png" alt="">
+                                                </div>
+                                            </a>
+                                            <a href="#">
+                                                <div class="footerIconItem">
+                                                    <img src="/assets/index/asstes/icon/facebook.png" alt="">
+                                                </div>
+                                            </a>
+                                            <a href="#">
+                                                <div class="footerIconItem">
+                                                    <img src="/assets/index/asstes/icon/instagram.png" alt="">
+                                                </div>
+                                            </a>
+                                        </div>-->
+                    <div class="footerIconBox">
+                        <p class="fiContact">Click Here To Contact Us<span>: </span></p>
+                        <div class="footerIconList">
+                            <a href="https://wa.me/19252556104">
+                                <div class="footerIconItem">
+                                    <img src="/assets/index/asstes/icon/whatsapp.png" alt="">
+                                </div>
+                            </a>
+                            <a href="#">
+                                <div class="footerIconItem">
+                                    <img src="/assets/index/asstes/icon/facebook.png" alt="">
+                                </div>
+                            </a>
+                            <a href="#">
+                                <div class="footerIconItem">
+                                    <img src="/assets/index/asstes/icon/instagram.png" alt="">
+                                </div>
+                            </a>
+                        </div>
                     </div>
                 </div>
+                </div>
             </div>
-        </div>
     </section>
     <section class="sectionContainer warningContainer">
         <div class="elementorContainer">

+ 26 - 6
app/index/view/index/index.html

@@ -365,7 +365,8 @@
             <p class="miTitle">Email address</p>
             <input class="input" type="text" name="" id="shareMailbox" placeholder="Input an email address">
         </div>
-        <p class="shareNotice">Notice! If someone makes a purchase through this email, you will be rewarded with points!</p>
+        <p class="shareNotice">Notice! If someone makes a purchase through this email, you will be rewarded with
+            points!</p>
 
         <div id="confirmShare">To share</div>
     </div>
@@ -380,18 +381,37 @@
         //触屏事件 || 点击事件
         const tap = "ontouchstart" in window ? "touchstart" : "click";
 
+        /*        $(".swiperContainer").on(tap, function () {
+                    Turbolink.init({
+                        "dev": true,
+                        "appKey": "9589c3544565ee8e73c526c928849187",
+                        "appSecret": "f0ffea8c4983e99250a33956df833841a32fa0eb",
+                        "projectId": "cl5f8merdj7g19gah8c0",
+                        "lv": "vip1",
+                    }).then((result) => {
+                        if (result.code == 200) {
+                            console.log("初始化成功、可调用上报方法")
+                            // Turbolink.logout()
+                            //Turbolink.loadUrl({ url: "http://192.168.10.201:5173/c?l=cnl7a06rdj7sl3ptno7g&c=CR&loginUrl=http://192.168.10.201:8080/logIn.html&lg=111" })
+                        }
+                    })
+                });*/
+
         $(".swiperContainer").on(tap, function () {
             Turbolink.init({
                 "dev": true,
-                "appKey": "9589c3544565ee8e73c526c928849187",
-                "appSecret": "f0ffea8c4983e99250a33956df833841a32fa0eb",
-                "projectId": "cl5f8merdj7g19gah8c0",
+                "appKey": "uX9GdP1fTCEeJLwaRD4FoRGi25jb4h",
+                "appSecret": "2609db6594ceb3bcf35c2e621a0f6a86feb78eae",
+                "projectId": "X5c6Zz8CeUcwim82YXtsh9",
                 "lv": "vip1",
+                "loginUrl": "http://192.168.10.171:8080/logIn.html"
             }).then((result) => {
                 if (result.code == 200) {
                     console.log("初始化成功、可调用上报方法")
-                    // Turbolink.logout()
-                    //Turbolink.loadUrl({ url: "http://192.168.10.201:5173/c?l=cnl7a06rdj7sl3ptno7g&c=CR&loginUrl=http://192.168.10.201:8080/logIn.html&lg=111" })
+                    // Turbolink.logout(
+                    // Turbolink.setIdentity({ uid: "123" })
+                    //https://dev.c.allapp.link/c?l=cnpgif6rdj7th8sn82q0&c=lj
+                    Turbolink.loadUrl({url: "https://dev.c.allapp.link/c?l=cp25i6urdj7q63f8qqtg&c=zK"})
                 }
             })
         });

+ 46 - 8
public/assets/index/css/common.css

@@ -86,11 +86,12 @@ a:active, a:focus {
     box-shadow: 0 .02rem .05rem rgba(0, 0, 0, .03);
 }
 
-.computerMenu{
+.computerMenu {
     position: relative;
     margin-right: .06rem;
     z-index: 10;
 }
+
 #computerMenuBot {
     height: .3rem;
     display: flex;
@@ -105,6 +106,7 @@ a:active, a:focus {
     background-color: #666666;
     border-radius: .06rem;
 }
+
 #computerMenuLink:before,
 #computerMenuLink:after {
     content: '';
@@ -155,7 +157,8 @@ a:active, a:focus {
 .open #computerMenuLink:after {
     background: #666666;
 }
-#pcMenuModel{
+
+#pcMenuModel {
     position: fixed;
     top: 0;
     bottom: 0;
@@ -165,7 +168,8 @@ a:active, a:focus {
     background-color: transparent;
     display: none;
 }
-.pcMenuFixed{
+
+.pcMenuFixed {
     border-top: .01rem solid #dfdfdf;
     position: absolute;
     background: white;
@@ -178,13 +182,16 @@ a:active, a:focus {
     z-index: 999;
     display: none;
 }
-.pcMenuItem{
+
+.pcMenuItem {
     border-bottom: .01rem solid #dfdfdf;
 }
-.pcMenuFixed .pcMenuItem:last-child{
+
+.pcMenuFixed .pcMenuItem:last-child {
     border: none;
 }
-.pcMenuItem .menuItemTitle{
+
+.pcMenuItem .menuItemTitle {
     height: .4rem;
     display: flex;
     align-items: center;
@@ -194,7 +201,8 @@ a:active, a:focus {
     white-space: nowrap;
     color: #434343;
 }
-.pcMenuItem.active .menuItemTitle{
+
+.pcMenuItem.active .menuItemTitle {
     color: rgba(79, 73, 222, 1);
 }
 
@@ -632,6 +640,17 @@ a:active, a:focus {
     max-width: 4rem;
 }
 
+.fiContact {
+    font-size: .15rem;
+    color: #666666;
+    font-weight: 400;
+    margin-bottom: .1rem;
+}
+
+.fiContact span {
+    display: none;
+}
+
 .footerIconList {
     overflow-x: scroll;
     white-space: nowrap;
@@ -939,6 +958,21 @@ a:active, a:focus {
         max-width: none;
     }
 
+    .footerIconBox {
+        display: flex;
+        align-items: center;
+    }
+
+    .fiContact {
+        padding-bottom: 0;
+        padding-right: .16rem;
+        font-size: .2rem;
+    }
+
+    .fiContact span {
+        display: inline-block;
+    }
+
     .footerIconList {
         white-space: normal;
         overflow-x: hidden;
@@ -975,7 +1009,7 @@ a:active, a:focus {
 
     .acceptRightInfo {
         justify-content: flex-start;
-        padding-left: 0.4rem;
+        padding-left: 0.24rem;
         padding-top: .4rem;
     }
 
@@ -1007,6 +1041,10 @@ a:active, a:focus {
     .fLinkItem {
         font-size: .18rem;
     }
+
+    .fiContact {
+        font-size: .24rem;
+    }
 }
 
 @media (max-width: 999px) {

+ 4 - 4
public/assets/index/css/index.css

@@ -417,7 +417,7 @@ body{
 
 /* <-- start 新闻中心模块 */
 .newConterContainer .tabContainer{
-    padding-top: .5rem;
+    padding-top: .3rem;
 }
 .newConterItem{
    border: .02rem solid rgba(0, 0, 0, .1);
@@ -500,7 +500,7 @@ body{
 
 /* <-- start 超级交易模块 */
 .superDealContainer{
-    margin-bottom: .8rem;
+    margin-bottom: .5rem;
 }
 .superDealTitle{
     font-size: .26rem;
@@ -654,7 +654,7 @@ body{
          padding-bottom: .32rem;
       }
       .superDealContainer .newGoodsContainer{
-         margin-bottom: .42rem;
+         margin-bottom: .3rem;
      }
       .reviewsNumber{
          font-size: .20rem;
@@ -671,7 +671,7 @@ body{
         height: 4.6rem;
     }
     .superDealContainer{
-        margin-bottom: .5rem;
+        margin-bottom: .3rem;
     }
     .partnersList{
         grid-template-columns: repeat(4, 1fr);