修改样式

dist/css/PeriodRecord.242c3100.css → dist/css/PeriodRecord.d4d50c29.css

@@ -1 +1 @@
-.mheader[data-v-61d0e2e4]{height:.44rem;overflow:hidden}.m-nav-header[data-v-61d0e2e4]{position:absolute;left:0;top:0;width:100%;height:.44rem;line-height:.44rem;background-color:#14928a;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff}.m-nav-header.fixed[data-v-61d0e2e4]{position:fixed;z-index:99}.m-nav-header .m-nav-bar__title[data-v-61d0e2e4]{max-width:60%;margin:0 auto;color:#fff;font-weight:500;font-size:.16rem}.m-nav-header .m-nav-bar__left[data-v-61d0e2e4],.m-nav-header .m-nav-bar__right[data-v-61d0e2e4]{position:absolute;bottom:0}.m-nav-header .m-nav-bar__left[data-v-61d0e2e4]{left:.12rem}.m-nav-header .m-nav-bar__left .arrow-left[data-v-61d0e2e4]{font-size:.21rem;vertical-align:middle}.m-nav-header .m-nav-bar__right[data-v-61d0e2e4]{right:.12rem}.icon[data-v-67669af7]{width:2rem;height:2rem;margin:.5rem auto .05rem}.icon_nodata[data-v-67669af7]{background:url(../img/icon_nodata.81c87d57.png) no-repeat 50%;background-size:contain}.msg[data-v-67669af7]{color:#aaa;font-size:.16rem;text-align:center;line-height:.22rem}.periodExchange[data-v-8b00f196]{min-height:100vh}.periodExchange .exchangeText[data-v-8b00f196]{font-size:.17rem;color:#1a1a1a;line-height:.24rem}.periodExchange .exchangeText.enum[data-v-8b00f196]{color:#ff5050}.periodExchange .info[data-v-8b00f196]{font-size:.14rem;color:grey}
+.mheader[data-v-61d0e2e4]{height:.44rem;overflow:hidden}.m-nav-header[data-v-61d0e2e4]{position:absolute;left:0;top:0;width:100%;height:.44rem;line-height:.44rem;background-color:#14928a;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff}.m-nav-header.fixed[data-v-61d0e2e4]{position:fixed;z-index:99}.m-nav-header .m-nav-bar__title[data-v-61d0e2e4]{max-width:60%;margin:0 auto;color:#fff;font-weight:500;font-size:.16rem}.m-nav-header .m-nav-bar__left[data-v-61d0e2e4],.m-nav-header .m-nav-bar__right[data-v-61d0e2e4]{position:absolute;bottom:0}.m-nav-header .m-nav-bar__left[data-v-61d0e2e4]{left:.12rem}.m-nav-header .m-nav-bar__left .arrow-left[data-v-61d0e2e4]{font-size:.21rem;vertical-align:middle}.m-nav-header .m-nav-bar__right[data-v-61d0e2e4]{right:.12rem}.icon[data-v-67669af7]{width:2rem;height:2rem;margin:.5rem auto .05rem}.icon_nodata[data-v-67669af7]{background:url(../img/icon_nodata.81c87d57.png) no-repeat 50%;background-size:contain}.msg[data-v-67669af7]{color:#aaa;font-size:.16rem;text-align:center;line-height:.22rem}.periodExchange[data-v-7b4d0de8]{min-height:100vh}.periodExchange .exchangeText[data-v-7b4d0de8]{font-size:.17rem;color:#1a1a1a;line-height:.24rem}.periodExchange .exchangeText.enum[data-v-7b4d0de8]{color:#ff5050}.periodExchange .info[data-v-7b4d0de8]{font-size:.14rem;color:grey}

src/views/app/Account.vue

@@ -5,12 +5,12 @@
         <div class="accountHeader">
             <div class="bgColor"></div>
             <van-row class="content" type="flex" justify="center" align="center">
-                <van-col span="12">
+                <van-col span="24">
                     <i class="icon icon_times"></i>剩余时间<span>{{ availableMinutes }}</span>
                 </van-col>
-                <van-col span="12">
+                <!-- <van-col span="12">
                     <i class="icon icon_lock"></i>冻结时间<span class="lock">{{ frozenMinutes }}</span>
-                </van-col>
+                </van-col> -->
             </van-row>
         </div>
 
@@ -101,10 +101,11 @@ export default {
             color: #1A1A1A;
             display: flex;
             align-items: center;
-            justify-content: center;
-            &:first-child {
-                border-right: 1px solid #CCCCCC;
-            }
+            // justify-content: center;
+            padding-left: .2rem;
+            // &:first-child {
+            //     border-right: 1px solid #CCCCCC;
+            // }
             span {
                 padding-left: .1rem;
                 color: #FF0909;
@@ -118,6 +119,7 @@ export default {
             width: .16rem;
             height: .18rem;
             margin-right: .05rem;
+            margin-top: -0.02rem;
         }
         .icon_times {
             background: url('../../assets/images/app/icon_times.png') no-repeat center center;

src/views/app/PeriodRecord.vue

@@ -16,7 +16,7 @@
                         <p class="info">{{ item.createTime }}</p>
                     </template>
                     <template slot="default">
-                        <p class="exchangeText enum">冻结{{ item.freezeMinutes | calcMinute }}</p>
+                        <p class="exchangeText enum">课程组占用{{ item.freezeMinutes | calcMinute }}</p>
                         <p class="info">已消耗{{ item.consumeMinutes | calcMinute }}</p>
                     </template>
                 </van-cell>