|
|
@@ -184,7 +184,7 @@
|
|
|
></el-image>
|
|
|
<span @click.stop="delVideo('videoList')">x</span>
|
|
|
</div>
|
|
|
- <el-progress v-if="progressData.uploadVideo && !imageList.videoList.length" class="m_m_fi_progress" :percentage="progressData.value"></el-progress>
|
|
|
+ <!-- <el-progress v-if="progressData.uploadVideo && !imageList.videoList.length" class="m_m_fi_progress" :percentage="progressData.value"></el-progress> -->
|
|
|
<div
|
|
|
class="m-m-fi-imageItem"
|
|
|
@click.stop="addVideo()"
|
|
|
@@ -206,6 +206,20 @@
|
|
|
点击上传视频
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ class="m-m-fi-imageItem"
|
|
|
+ style="max-width:33%;"
|
|
|
+ v-if="progressData.uploadVideo && !imageList.videoList.length""
|
|
|
+ >
|
|
|
+ <div class="m_m_fi_progress">
|
|
|
+ <div>{{ progressData.value }}%</div>
|
|
|
+ <span>上传中...</span>
|
|
|
+ <div class="m_m_fi_p_bar">
|
|
|
+ <div :style="{width:progressData.value+'%'}"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!-- <div class="m-m-fi-btn" >添加课堂图片</div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -682,7 +696,39 @@ export default {
|
|
|
height: auto;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.m_m_fi_progress{
|
|
|
width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ color:#3B77CC;
|
|
|
+ /* 加载 */
|
|
|
+ cursor:wait !important;
|
|
|
+}
|
|
|
+
|
|
|
+.m_m_fi_progress>div:nth-child(1){
|
|
|
+ font-size: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.m_m_fi_progress>span:nth-child(1){
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.m_m_fi_p_bar{
|
|
|
+ width: 100%;
|
|
|
+ height: 5px;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ background-color: #D8E3F7;
|
|
|
+}
|
|
|
+
|
|
|
+.m_m_fi_p_bar>div{
|
|
|
+ background-color: #3975CE;
|
|
|
+ max-width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
</style>
|
SanHQin