ソースを参照

首页样式调整

tanxue 5 年 前
コミット
7349bf634b

+ 1 - 1
src/assets/css/cus-website/cus-website-common.scss

@@ -98,7 +98,7 @@ h1,h2,h3,h4,h5,h6,p{font-size:100%;font-weight:normal;margin: 0;}
 @mixin single-line-ellipsis {text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;white-space: nowrap;word-break: break-all;}
 
 /* 文本超出省略号显示 (多行),括号里传行数 ------ 使用方式:@include multi-line-ellipsis(3); */
-@mixin multi-line-ellipsis($rows){-webkit-line-clamp:$rows;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;display: -webkit-box;white-space: normal !important;-webkit-box-orient: vertical;}
+@mixin multi-line-ellipsis($rows){-webkit-line-clamp:$rows;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;display: -webkit-box;white-space: normal !important;-webkit-box-orient: vertical;}
 
 
 /************************ 网站公共class样式 author: TX  date:2020-07-30 **********************/

+ 7 - 4
src/assets/css/cus-website/cus-website-page.scss

@@ -196,12 +196,15 @@
           p{@include setFontStyle(-6);color: rgba(0,0,0,0.65);line-height: 22px;margin: 0 8px 8px;min-height: 48px;@include multi-line-ellipsis(2);}
           a{@include setFontStyle(-6);display: block;color: #2B5CFD;line-height: 24px;margin: 0 auto;}
         }
-        li:hover{
+        li:hover:not(:last-child) {
           img{opacity: 0;transform: translateY(10px);}
           div{margin-top: -147px}
           h2{@include setFontStyle(-2);margin-top: 80px;}
           a{cursor: pointer;}
         }
+        li:last-child:hover{
+          cursor: pointer;
+        }
       }
     }
 
@@ -229,9 +232,9 @@
         display: flex;
         justify-content: space-between;
         margin: 32px 0;
-          span{display:block;border: 2px solid #2B5CFD;border-radius: 8px;padding:5px;overflow: hidden;}
-          img{width: 200px;height:280px;transition: all 0.5s;}
-          img:hover{transform: scale(1.1);}
+          span{display:block;background: #E8ECFF;border-radius: 8px;padding:10px;overflow: hidden;}
+          img{width: 180px;height:260px;transition: all 0.5s;}
+          img:hover{transform: scale(1.14);}
       }
       a{width:238px;height:40px;line-height: 40px;margin: 40px auto 0;text-align: center;@include setFontStyle(-4);display:block;background: #2B5CFD;border-radius: 4px;color: rgba(255,255,255,0.85);}
       a:hover{cursor: pointer}