课程列表样式调整

application/wap/view/first/special/special_cate.html

@@ -65,7 +65,7 @@
             </ul>
         </div>
     </div>
-    <div class="public_list goodList">
+    <div class="public_list_big goodList">
         <a v-for="item in updateSpecialList" :key="item.id" :href="item.is_light ? '{:url('special/single_details')}?id=' + item.id : '{:url('special/details')}?id=' + item.id" class="item acea-row">
             <div class="pictrue">
                 <img :src="item.image" :alt="item.title">

public/wap/first/zsff/css/style.css

@@ -5371,7 +5371,7 @@ input:-webkit-autofill:focus {
     -webkit-line-clamp: 2;
     white-space: normal
 }
-
+.public_list_big .item .text .title .label,
 .public_list .item .text .title .label,
 .indexNew .essential .list .item .text .title .label,
 .indexNew .english .list .item .text .title .label {
@@ -5388,7 +5388,7 @@ input:-webkit-autofill:focus {
     background-image: linear-gradient(to right, #333 0, #666 100%);
     background-image: -webkit-linear-gradient(to right, #333 0, #666 100%)
 }
-
+.public_list_big .item .text .labelList,
 .public_list .item .text .labelList {
     position: absolute;
     bottom: .57rem;
@@ -5397,7 +5397,7 @@ input:-webkit-autofill:focus {
     overflow: hidden;
     white-space: nowrap;
 }
-
+.public_list_big .item .text .labelList .labelItem,
 .public_list .item .text .labelList .labelItem,
 .indexNew .english .list .item .text .label .cell {
     -webkit-flex-shrink: 0;
@@ -5412,7 +5412,7 @@ input:-webkit-autofill:focus {
     color: #191C6E;
     vertical-align: middle
 }
-
+.public_list_big .item .text .labelList .labelItem~.labelItem,
 .public_list .item .text .labelList .labelItem~.labelItem,
 .indexNew .english .list .item .text .info .label .cell~.cell {
     margin-left: .14rem
@@ -5421,21 +5421,22 @@ input:-webkit-autofill:focus {
 .indexNew .english .list .item .text .label .cell~.cell {
     margin-left: .14rem
 }
-
+.public_list_big .item .text .money,
 .public_list .item .text .money {
     font-weight: bold;
     font-size: .24rem;
     color: #F78200
 }
 
+.public_list_big .item .text .money span,
 .public_list .item .text .money span {
     font-size: .32rem
 }
-
+.public_list_big .item .text .row-between,
 .public_list .item .text .row-between {
     margin-top: .15rem
 }
-
+.public_list_big .item .text .money .yen
 .public_list .item .text .money .yen {
     font-size: .24rem
 }
@@ -9867,7 +9868,7 @@ input:-webkit-autofill:focus {
 }
 
 .activity-list li>div:last-child {
-    padding: .4rem .3rem;
+    /* padding: .4rem .3rem; */
     border-top: 1px solid #F5F5F5;
 }
 
@@ -23054,4 +23055,101 @@ color: #F78200;
 }
 .zybt{
     border: #191C6E 1px solid; border-radius: 20px; padding: 1px 8px; background: #E7E7EC; color: #191C6E;
-}
+}
+.activity_list{
+    margin-top: 0.26rem;
+}
+.content{
+    margin-top: 0.26rem;
+}
+
+.public_list_big {
+    padding: 0 .2rem .3rem;
+    overflow: hidden;
+}
+.public_list_big .item{
+    float: none !important;
+    width: 100% !important;
+    display: flex;
+    margin-top: 0.26rem;
+}
+
+.public_list_big .item .pictrue {
+    width: 3rem;
+    height: 1.92rem;
+    border-radius: .1rem;
+    position: relative;
+}
+
+.public_list_big .item .goods-picture {
+    width: 1.92rem;
+}
+
+.public_list_big .item .pictrue img {
+    width: 100%;
+    height: 100%;
+    display: block;
+    border-radius: .1rem;
+    -o-object-fit: cover;
+    object-fit: cover;
+    pointer-events: none;
+    -webkit-touch-callout: none;
+}
+
+.public_list_big .item .goods-picture img {
+    -o-object-fit: scale-down;
+    object-fit: scale-down;
+}
+
+.public_list_big .item .pictrue .label {
+    position: absolute;
+    right: .1rem;
+    bottom: .1rem;
+    padding: 0 .11rem;
+    border-radius: .03rem;
+    background-color: rgba(0, 0, 0, 0.5);
+    font-size: .22rem;
+    line-height: .34rem;
+    color: #FFFFFF;
+}
+
+.public_list_big .item .text .num {
+    font-size: .22rem;
+    color: #999;
+}
+
+.public_list_big .item .text {
+    position: relative;
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    -webkit-flex: 1;
+    -moz-box-flex: 1;
+    flex: 1;
+    min-width: 0;
+    margin-left: .2rem;
+}
+
+.public_list_big .item .text>div:last-child {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%
+}
+
+.public_list_big .item .text>div:last-child>div:first-child {
+    font-size: 0
+}
+
+.public_list_big .item .text .title {
+    margin-top: 0.2rem;
+    font-size: .32rem;
+    line-height: .4rem;
+    color: #333
+}
+
+.public_list_big .item .text .title .line1 {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    white-space: normal
+}