fix: 订阅管理页样式调整

Signed-off-by: tangshizhe <48740614+tangshizhe@users.noreply.github.com>

src/jfw/modules/app/src/web/staticres/jyapp/vipsubscribe/css/vip_index_new.css

@@ -122,11 +122,12 @@
   background: linear-gradient(270deg, #F1D090 0%, #FAE7CA 100%);
   box-shadow: 0px 12px 16px rgba(250, 231, 202, 0.32);
   padding: .16rem .32rem;
-  margin: 0 .24rem;
+  margin: .24rem .24rem 0;
 }
 .sub-info .item-label{
   font-size: .3rem;
   color: #1B1A2A;
+  font-weight: bold;
 }
 .sub-info .icon-arrow{
   font-size: .28rem;

src/jfw/modules/app/src/web/templates/vipsubscribe/vip_index_new.html

@@ -87,7 +87,7 @@
     }
 
     .sub-info {
-      min-height: 1.48rem;
+      min-height: 1.12rem;
     }
 
     .banner-ad-box {
@@ -274,9 +274,9 @@
                 <i class="iconfont icon-arrow"></i>
               </div>
             </a>
-            <ul class="sub-info" :class="vSwitch !== 'm' && vSwitch !== 'v' ? 'go_to_levelup' : ''" @click="toPaySupSub" style="min-height: 1.48rem">
+            <ul class="sub-info" :class="vSwitch !== 'm' && vSwitch !== 'v' ? 'go_to_levelup' : ''" @click="toPaySupSub">
               <li class="cycle" v-show="vSwitch == 'm' || vSwitch == 'v'">
-                <a class="item-container" @click="toSubCycle" href="javascript:;">
+                <a class="item-container item-container-main" @click="toSubCycle" href="javascript:;">
                   <div class="item">
                     <span class="item-l">
                       <span class="item-label">订阅周期</span>

src/web/staticres/common-module/vipsubscribe/css/vip-subscribe-set-template.css

@@ -44,6 +44,9 @@
   display: block;
   padding: 0.3rem 0.32rem;
 }
+.vip-body .item-container-main {
+  padding: 0;
+}
 
 .vip-body .body-item .item,
 .vip-body .body-item .sub-item {
@@ -161,9 +164,9 @@
 .vip-body .push-set{
   margin-top: .16rem;
 }
-.vip-body .cycle {
+/* .vip-body .cycle {
   padding: 0.16rem 0;
-}
+} */
 
 .vip-body .cycle {
   /* margin: 0; */

src/web/staticres/vipsubscribe/css/vip_index_new.css

@@ -125,14 +125,14 @@
 }
 
 .sub-info{
-  min-height: 1.48rem;
+  min-height: 1.12rem;
   border-radius: 8px;
   background: linear-gradient(270deg, #F1D090 0%, #FAE7CA 100%);
   box-shadow: 0px 12px 16px rgba(250, 231, 202, 0.32);
   padding: .16rem .32rem;
-  margin: 0 .24rem;
+  margin: .24rem .24rem 0;
 }
-.sub-info .area,.sub-info .industry,.sub-info .cycle{
+.sub-info .area,.sub-info .industry{
   padding: 0.16rem 0;
 }
 .sub-info .cycle{
@@ -141,6 +141,7 @@
 .sub-info .item-label{
   color: #1B1A2A;
   font-size: .3rem;
+  font-weight: bold;
 }
 .sub-info .text{
   font-size: .24rem;
@@ -326,8 +327,9 @@
 }
 
 .vip-body .body-item .item .item-l {
-  font-size: 0.32rem;
-  color: #1d1d1d;
+  line-height: .4rem;
+  font-size: 0.28rem;
+  color: #1B1A2A;
 }
 
 .vip-body .body-item .item .item-r {

src/web/templates/weixin/vipsubscribe/vip_index_new.html

@@ -148,7 +148,7 @@
           <ul class="sub-info"  @click="toPaySupSub"
           :class="vSwitch !== 'v' && vSwitch !== 'm' ? 'go_to_levelup' : ''">
             <li class="cycle" data-bind-renew data-cl-event="c_wx_buy_buttonclick" v-show="vSwitch === 'v'||vSwitch === 'm'">
-                <a class="item-container" @click="toSubCycle" href="javascript:;">
+                <a class="item-container item-container-main" @click="toSubCycle" href="javascript:;">
                     <div class="item">
                       <span class="item-l">
                         <span class="item-label">订阅周期</span>