percent

src/containers/center/play/index.vue

@@ -362,31 +362,42 @@
      margin: 0 auto;
      width: 150px !important;
    }
-   .el-progress{
-     width: 100%;
-   }
-   .el-progress__text{
-     font-size: 16px;
-     font-weight: 700;
-     line-height:1.5;
-     color: #3290D4;
-   }
-   .el-progress-bar__outer{
-     height: 20px!important;
-     border: 1px solid #78335f;
-     background-color:transparent;
-   }
 
-   /* 渐变进度条 */
-   .el-bg-inner-running .el-progress-bar__inner{
-     background-color: unset;
-     background-image: linear-gradient(to right, #3587d8 , #6855ff);
-   }
-   .el-bg-inner-error .el-progress-bar__inner{
-     background-image: linear-gradient(to right, #3587d8 , #fb3a7e);
-   }
-   .el-bg-inner-done .el-progress-bar__inner{
-     background-image: linear-gradient(to right, #3587d8 , #53ff54);
-   }
+</style>
 
+<style scoped>
+  ::v-deep .media-dialog .el-dialog__body {
+    padding: 0 0 16px 0 !important;
+  }
+  ::v-deep .media-dialog .el-scrollbar__wrap {
+    overflow-x: hidden !important;
+  }
+  ::v-deep .mprocess {
+    margin: 0 auto;
+    width: 150px !important;
+  }
+  ::v-deep .el-progress {
+    width: 100%;
+  }
+  ::v-deep .el-progress__text {
+    font-size: 16px;
+    font-weight: 700;
+    line-height: 1.5;
+    color: #3290D4;
+  }
+  ::v-deep .el-progress-bar__outer {
+    height: 20px !important;
+    border: 1px solid #78335f;
+    background-color: transparent;
+  }
+  ::v-deep .el-bg-inner-running .el-progress-bar__inner {
+    background-color: unset;
+    background-image: linear-gradient(to right, #3587d8, #6855ff);
+  }
+  ::v-deep .el-bg-inner-error .el-progress-bar__inner {
+    background-image: linear-gradient(to right, #3587d8, #fb3a7e);
+  }
+  ::v-deep .el-bg-inner-done .el-progress-bar__inner {
+    background-image: linear-gradient(to right, #3587d8, #53ff54);
+  }
 </style>

src/containers/center/play/play.vue

@@ -77,7 +77,7 @@
               <div class="item-name">{{ item.name }}</div>
               <div class="item-meta">
                 <span class="item-duration">学时：{{ item.xs / 10 }}</span>
-                <span class="item-progress">{{ (item.position * 100 / item.duration).toFixed(1) }}%</span>
+                <span class="item-progress">{{item|percent}}%</span>
               </div>
             </div>
             <div class="item-action">
@@ -168,10 +168,15 @@
       },
       playPercent() {
         if (!this.media.duration) return 0;
+        if(this.media.isFinish ==1) return 100;
         return +((this.curTimes / this.media.duration) * 100).toFixed(1);
       }
     },
     filters: {
+      percent(item){
+        if( item.isFinish == 1) return 100;
+        return (item.position * 100 / item.duration).toFixed(1)
+      },
       useTime(val) {
         val = parseInt(val) || 0
         let timestr = ""

src/containers/login/components/loginBase.css

@@ -308,7 +308,6 @@ input[type=radio] {
   color: #fff;
   font-size: 14px;
   line-height: 64px;
-  width: 150px;
 }
 .course-my .login-entry {
   margin-top: 15px;