浏览代码

样式调整

zhengjinyi 1 年之前
父节点
当前提交
e7af86094b
共有 1 个文件被更改,包括 7 次插入5 次删除
  1. 7 5
      src/main/resources/static/css/quickOperation/index.css

+ 7 - 5
src/main/resources/static/css/quickOperation/index.css

@@ -23,7 +23,7 @@ a{color:#333;text-decoration:none}
 .text-justify{text-align:justify}
 .cm-radius-4{border-radius:4px;overflow:hidden}
 .cm-absolute{position:absolute}
-.cm-relative{position:relative}
+.cm-relative{position:relative;}
 .cm-top,.cm-top-left,.cm-top-right{top:0}
 .cm-bottom,.cm-bottom-right,.cm-bottom-left{bottom:0}
 .cm-left,.cm-top-left,.cm-bottom-left{left:0}
@@ -38,6 +38,7 @@ a{color:#333;text-decoration:none}
 .cm-container{width:100%;margin:0 auto}
 [class*='cm-col-']{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}
 .cm-floor .swiper-slide{ height: auto;}
+.cm-product-item{ border-radius: 8px;overflow: hidden; }
 .cm-product-item .cm-prodcut-price .price.none{color: #999;text-decoration: line-through;}
 .cm-product-item .cm-prodcut-price .price.none .red{color: #999;}
 @media (max-width:560px){
@@ -323,6 +324,7 @@ a{color:#333;text-decoration:none}
     .cm-article-item.h200{height:33vw}
     .cm-article-item .cm-line{display:none;height:1px;background-color:#f0f0f0}
     .cm-article-item .cm-line::before{content:'';display:block;height:2px;width:16px;background-color:#ff5c00}
+
     .cm-product-item .cm-product-title{font-size:3vw;color:#4a4f58;line-height:5vw;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
     .cm-product-item .cm-prodcut-price{font-size:3vw;font-weight:bold}
     .cm-product-item .cm-prodcut-price .price-tag .tag{display:inline-block;height:20px;line-height:20px;border:1px solid #ffe6dc;border-radius:2px;font-size:12px;color:#FF5B00;cursor:pointer;background:#fff;padding:0 4px;position:relative;font-style:normal}
@@ -669,7 +671,7 @@ a{color:#333;text-decoration:none}
     .cm-m-a{padding:8px}
     .cm-floor-title .cm-title{font-size:24px;color:#4a4f58;line-height:30px;font-weight:700;padding-top:4px;padding-bottom:4px}
     .cm-floor-title .cm-subtitle{font-size:14px;color:#93979f;padding-top:4px;padding-bottom:4px}
-    .cm-article-item{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
+    .cm-article-item{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;border-radius: 8px;}
     .cm-article-item .cm-article-title{font-size:18px;color:#4a4f58;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
     .cm-article-item .cm-article-title.has-border{border-left:2px solid #fff}
     .cm-article-item .cm-article-desc{font-size:14px;color:#93979f;line-height:2em;text-align:justify;word-break: break-all;}
@@ -694,7 +696,7 @@ a{color:#333;text-decoration:none}
     .has-player{position:absolute;top:0;left:0;width:100%;height:100%;}
     .has-player::before{content:'';cursor: pointer;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40px;height:40px;background:url(/img/activity/pc-palyer.png) no-repeat center center;background-size: 40px 40px; }
     .cm-btn-box{text-align:center}
-    .cm-btn-box .cm-toggle-btn{width:98px;height:32px;border:1px solid #ccc;color:#909090;display:inline-block;text-align:center;line-height:32px;font-size:14px;cursor:pointer;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
+    .cm-btn-box .cm-toggle-btn{width:98px;height:32px;border-radius: 16px;border:1px solid #ccc;color:#909090;display:inline-block;text-align:center;line-height:32px;font-size:14px;cursor:pointer;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
     .cm-btn-box .cm-toggle-btn::after{content:'';display:inline-block;width:20px;height:16px;margin-right:2px;vertical-align:middle;background:url(/img/activity/icon.png) no-repeat;background-position-y:-2px}
     .cm-btn-box .cm-toggle-btn.down::after{background-position-x:-90px}
     .cm-btn-box .cm-toggle-btn.up::after{background-position-x:-119px}
@@ -749,7 +751,7 @@ a{color:#333;text-decoration:none}
     .swiper-slide .slide-template-9 {height: 738px;}
     .swiper-slide .slide-template-9 img,.swiper-slide .slide-template-28 img,.swiper-slide .slide-template-30 img,.swiper-slide .slide-template-32 img,.swiper-slide .slide-template-26 img {position: absolute;height: 100%}
     .swiper-slide .slide-template-22,.swiper-slide .slide-template-26,.swiper-slide .slide-template-28, .swiper-slide .slide-template-30, .swiper-slide .slide-template-32 {height: 562px;}
-    .slide-template-2-img {position: relative;background: #fff;}
+    .slide-template-2-img {position: relative;background: #fff;border-radius: 8px;overflow: hidden;}
     .swiper-slide .slide-template-2 img {height: 100%; width: 100%;position: absolute;}
 }
 @media (min-width:1200px){
@@ -781,7 +783,7 @@ a{color:#333;text-decoration:none}
 .cm-tabs .cm-tab.on{color:#fff;background-color:#ff5c00}
 .cm-loading{z-index:99999;width:100vw;height:100vh;position:fixed;top:0;background:#fff}
 .cm-prodcut-price .red { color: #f94b4b;}
-
+.aspect{border-radius: 8px;overflow: hidden;}
 @media screen and (min-width: 768px) {
     .video-popup{position: fixed;width: 100vw;height: 100vh;top: 0; left: 0;background: rgba(0,0,0,0.8);z-index: 99999}
     /*.video-popup .mask{width: 100vw;height: 100vh;background: #333333;}*/