Jelajahi Sumber

正品联盟时页面样式

yuwenjun 4 tahun lalu
induk
melakukan
a74fa83718

+ 4 - 2
src/main/resources/static/css/product/qualityauthorize.css

@@ -50,6 +50,7 @@ ul{margin:0;padding:0;list-style-type:none}
 .footer p a:hover{color:#F52E3E}
 .footer-mobile{display:none}
 .product-params .params.mobile{display:none}
+
 .statementModel{position:fixed;top:0;left:0;z-index:999;width:100%;height:100vh;background:rgba(0,0,0,.4)}
 .statementModel .model{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:620px;height:380px;border-radius:4px;background:#fff;overflow:hidden}
 .statementModel .title{padding:15px 20px;background:#f1f1f1;font-size:18px}
@@ -59,7 +60,7 @@ ul{margin:0;padding:0;list-style-type:none}
 .float-zplm{position:fixed;z-index:99;bottom:16%;right:2%;width:90px}
 .float-zplm img{width:100%}
 .close{position:absolute;display:block;width:32px;height:32px;background:url(/img/quality/mb-close.png) no-repeat center;cursor:pointer;z-index:999;background-size:32px;right:0;top:-50px}
-.container-main .sq-book{position:absolute;width:149px;height:112px;bottom:20px;left:30px;z-index:10}
+.container-main .sq-book{position:absolute;width:149px;height:112px;bottom:20px;left:30px;z-index:10;cursor: pointer;}
 .sq-book-modal{width:100%;height:100vh;position:fixed;z-index:997;top:0;left:0;background:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
 .sq-book-img{width:622px;height:467px;-webkit-box-shadow:0 10px 28px rgba(255,199,30,.26);box-shadow:0 10px 28px rgba(255,199,30,.26);position:fixed;left:0;right:0;margin:0 auto;top:20%;z-index:998}
 .sq-book-img img{width:100%;height:auto}
@@ -87,6 +88,7 @@ ul{margin:0;padding:0;list-style-type:none}
 .product-params .params{margin-top:3vw;border-spacing:0 4vw}
 .product-params .params tr{line-height:6.6vw}
 .product-params .footer{display:none}
+.product-params .params.mobile td{vertical-align: top}
 .footer{display:none}
 .footer-mobile{padding:8vw 0 4vw;line-height:7vw;text-align:center;background:#f5f5f5}
 .footer-mobile p{color:#b2b2b2;font-size:2.4vw}
@@ -100,7 +102,7 @@ ul{margin:0;padding:0;list-style-type:none}
 .float-zplm{position:fixed;z-index:99;bottom:30vw;right:3.4vw;width:15.7vw}
 .float-zplm img{width:100%}
 .close{position:absolute;display:block;width:7.2vw;height:7.2vw;background:url(/img/quality/mb-close.png) no-repeat center;cursor:pointer;z-index:999;background-size:7.2vw;right:0;top:-11.5vw}
-.container-main .sq-book{position:absolute;width:27.2vw;height:20.6vw;bottom:4.1vw;left:4vw;z-index:10}
+.container-main .sq-book{position:absolute;width:27.2vw;height:20.6vw;bottom:4.1vw;left:4vw;z-index:10;cursor: pointer}
 .sq-book-modal{width:100%;height:100vh;position:fixed;z-index:997;top:0;left:0;background:rgba(0,0,0,.7)}
 .sq-book-img{z-index:998;display:block;width:92vw;height:69vw;position:fixed;top:41.2vw;left:0;right:0;margin:0 auto;-webkit-box-shadow:0 10px 28px rgba(255,199,30,.26);box-shadow:0 10px 28px rgba(255,199,30,.26)}
 .sq-book-img img{width:100%}

+ 2 - 2
src/main/resources/templates/product/qualityauthorize.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="https://www.thymeleaf.org ">
-<head><title>采美365网--采美正品联盟-正品授权-官方防伪网站</title>
+<head><title>正品联盟</title>
     <template th:replace="components/head-link"></template>
     <link th:href="@{/css/product/qualityauthorize.css(v=${version})}" rel="stylesheet" type="text/css">
 </head>
@@ -60,7 +60,7 @@
                 <table class="params mobile">
                     <tbody>
                     <tr v-for="(item , index) in parameters.paramList" :key="index">
-                        <td>{{item.name}}</td>
+                        <td style="width: 80px;">{{item.name}}</td>
                         <td>{{item.content}}</td>
                     </tr>
                     </tbody>