27726

src/mods/AppIntegralApply/AppIntegralApply.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="integralapply" v-if="showPage">
-    <u-tabs :list="list" :is-scroll="false" :current="currentTab" @change="change" style="width: 50%" bg-color="#197df0" active-color="#FFF;" inactive-color="#FFF"></u-tabs>
+    <u-tabs :list="list" :is-scroll="false" :current="currentTab" @change="change" style="width: 50%" bg-color="#4181FF" active-color="#FFF;" inactive-color="#FFF" active-item-style="activeClass"></u-tabs>
 
     <div class="middle">
       <div class="nav">
@@ -81,6 +81,12 @@ export default {
   },
   computed: {
     ...mapState(['user']),
+
+    activeClass() {
+      return {
+        fontSize: '44px',
+      }
+    },
   },
   watch: {},
   onLoad() {
@@ -183,6 +189,9 @@ export default {
         line-height: 32px;
 
         .showTypes {
+          font-size: 38px;
+          font-weight: 600;
+          color: #333333;
           overflow: hidden;
           text-overflow: ellipsis;
           white-space: nowrap;
@@ -201,11 +210,15 @@ export default {
         border-radius: 16px 16px 0px 0px;
         box-shadow: inset 0px -1px 0px 0px #dddddd;
         .cont {
+          line-height: 1.5;
           overflow: hidden;
           text-overflow: ellipsis;
           display: -webkit-box;
           -webkit-line-clamp: 3;
           -webkit-box-orient: vertical;
+          font-size: 36px;
+          font-weight: 500;
+          color: #333333;
         }
 
         .flex {
@@ -217,6 +230,8 @@ export default {
             padding: 4px 16px;
             background: #eeeeee;
             border-radius: 24px;
+            font-size: 28px;
+            color: #999999;
           }
           .times {
             width: 53%;