|
|
@@ -19,10 +19,68 @@
|
|
|
</div>
|
|
|
<div class="b_main">
|
|
|
<div class="b_m_left">
|
|
|
- <img
|
|
|
- src="../../../../assets/icon/classroomObservation/file_processing.svg"
|
|
|
- />
|
|
|
- <span>文件格式支持：mp4、wav、txt 文件</span>
|
|
|
+ <div class="b_m_l_fileList" v-if="fileList.length > 0">
|
|
|
+ <div class="fl_item" v-for="item in fileList" :key="item.index">
|
|
|
+ <div class="fl_i_left">
|
|
|
+ <img
|
|
|
+ v-if="item.type =='text/plain'"
|
|
|
+ src="../../../../assets/icon/classroomObservation/textFile_icon.svg"
|
|
|
+ />
|
|
|
+
|
|
|
+ <img
|
|
|
+ v-if="item.type =='audio/wav'"
|
|
|
+ src="../../../../assets/icon/classroomObservation/audio_file.svg"
|
|
|
+ />
|
|
|
+
|
|
|
+ <img
|
|
|
+ v-if="item.type =='video/mp4'"
|
|
|
+ src="../../../../assets/icon/classroomObservation/videoFile_icon.svg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="fl_i_center">
|
|
|
+ <div class="fl_i_c_top">
|
|
|
+ <span>{{ item.name }}</span>
|
|
|
+ <div>
|
|
|
+ <span v-if="item.status === 'wait'">等待上传</span>
|
|
|
+ <span
|
|
|
+ class="uploadingText"
|
|
|
+ v-else-if="item.status === 'uploading'"
|
|
|
+ >{{ item.progress.percent }}%</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="successText"
|
|
|
+ v-else-if="item.status === 'success'"
|
|
|
+ >上传成功
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="fl_i_c_bottom">
|
|
|
+ <div class="f_i_c_progress">
|
|
|
+ <div
|
|
|
+ class="f_i_c_p_value"
|
|
|
+ :class="{
|
|
|
+ successProgress: item.status === 'success',
|
|
|
+ uploadingProgress: item.status === 'uploading'
|
|
|
+ }"
|
|
|
+ :style="`width:${item.progress.percent}%`"
|
|
|
+ ></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="fl_i_right">
|
|
|
+ <img
|
|
|
+ @click="delUploadFile(item)"
|
|
|
+ src="../../../../assets/icon/classroomObservation/del.svg"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="b_m_l_noFile" v-else @click="addFile()">
|
|
|
+ <img
|
|
|
+ src="../../../../assets/icon/classroomObservation/file_processing.svg"
|
|
|
+ />
|
|
|
+ <span>文件格式支持：mp4、wav、txt 文件</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="b_m_right">
|
|
|
<span>配置</span>
|
|
|
@@ -51,293 +109,46 @@
|
|
|
>确定修改</el-button
|
|
|
>
|
|
|
</div>
|
|
|
+ <uploadFile
|
|
|
+ v-for="(item, index) in fileList"
|
|
|
+ v-if="item.status == 'uploading'"
|
|
|
+ :ref="`uploadFileRef_${item.index}`"
|
|
|
+ :key="item.index"
|
|
|
+ :index="item.index"
|
|
|
+ @progressUpdate="progressUpdate"
|
|
|
+ @success="uploadSuccess"
|
|
|
+ />
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import uploadFile from "../newComponents/uploadFile.vue";
|
|
|
+import { v4 as uuidv4 } from "uuid";
|
|
|
export default {
|
|
|
+ components: {
|
|
|
+ uploadFile
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
loading: false,
|
|
|
show: false,
|
|
|
- loading: false,
|
|
|
automaticCoding: false,
|
|
|
- analysisTemplate: "",
|
|
|
+ analysisTemplate: [],
|
|
|
+ userId: this.$route.query["userid"],
|
|
|
+ fileList: [],
|
|
|
options: [
|
|
|
- {
|
|
|
- value: "zhinan",
|
|
|
- label: "指南",
|
|
|
- children: [
|
|
|
- {
|
|
|
- value: "shejiyuanze",
|
|
|
- label: "设计原则",
|
|
|
- children: [
|
|
|
- {
|
|
|
- value: "yizhi",
|
|
|
- label: "一致"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "fankui",
|
|
|
- label: "反馈"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "xiaolv",
|
|
|
- label: "效率"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "kekong",
|
|
|
- label: "可控"
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- value: "daohang",
|
|
|
- label: "导航",
|
|
|
- children: [
|
|
|
- {
|
|
|
- value: "cexiangdaohang",
|
|
|
- label: "侧向导航"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "dingbudaohang",
|
|
|
- label: "顶部导航"
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- value: "zujian",
|
|
|
- label: "组件",
|
|
|
- children: [
|
|
|
- {
|
|
|
- value: "basic",
|
|
|
- label: "Basic",
|
|
|
- children: [
|
|
|
- {
|
|
|
- value: "layout",
|
|
|
- label: "Layout 布局"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "color",
|
|
|
- label: "Color 色彩"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "typography",
|
|
|
- label: "Typography 字体"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "icon",
|
|
|
- label: "Icon 图标"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "button",
|
|
|
- label: "Button 按钮"
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- value: "form",
|
|
|
- label: "Form",
|
|
|
- children: [
|
|
|
- {
|
|
|
- value: "radio",
|
|
|
- label: "Radio 单选框"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "checkbox",
|
|
|
- label: "Checkbox 多选框"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "input",
|
|
|
- label: "Input 输入框"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "input-number",
|
|
|
- label: "InputNumber 计数器"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "select",
|
|
|
- label: "Select 选择器"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "cascader",
|
|
|
- label: "Cascader 级联选择器"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "switch",
|
|
|
- label: "Switch 开关"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "slider",
|
|
|
- label: "Slider 滑块"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "time-picker",
|
|
|
- label: "TimePicker 时间选择器"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "date-picker",
|
|
|
- label: "DatePicker 日期选择器"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "datetime-picker",
|
|
|
- label: "DateTimePicker 日期时间选择器"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "upload",
|
|
|
- label: "Upload 上传"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "rate",
|
|
|
- label: "Rate 评分"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "form",
|
|
|
- label: "Form 表单"
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- value: "data",
|
|
|
- label: "Data",
|
|
|
- children: [
|
|
|
- {
|
|
|
- value: "table",
|
|
|
- label: "Table 表格"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "tag",
|
|
|
- label: "Tag 标签"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "progress",
|
|
|
- label: "Progress 进度条"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "tree",
|
|
|
- label: "Tree 树形控件"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "pagination",
|
|
|
- label: "Pagination 分页"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "badge",
|
|
|
- label: "Badge 标记"
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- value: "notice",
|
|
|
- label: "Notice",
|
|
|
- children: [
|
|
|
- {
|
|
|
- value: "alert",
|
|
|
- label: "Alert 警告"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "loading",
|
|
|
- label: "Loading 加载"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "message",
|
|
|
- label: "Message 消息提示"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "message-box",
|
|
|
- label: "MessageBox 弹框"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "notification",
|
|
|
- label: "Notification 通知"
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- value: "navigation",
|
|
|
- label: "Navigation",
|
|
|
- children: [
|
|
|
- {
|
|
|
- value: "menu",
|
|
|
- label: "NavMenu 导航菜单"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "tabs",
|
|
|
- label: "Tabs 标签页"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "breadcrumb",
|
|
|
- label: "Breadcrumb 面包屑"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "dropdown",
|
|
|
- label: "Dropdown 下拉菜单"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "steps",
|
|
|
- label: "Steps 步骤条"
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- value: "others",
|
|
|
- label: "Others",
|
|
|
- children: [
|
|
|
- {
|
|
|
- value: "dialog",
|
|
|
- label: "Dialog 对话框"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "tooltip",
|
|
|
- label: "Tooltip 文字提示"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "popover",
|
|
|
- label: "Popover 弹出框"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "card",
|
|
|
- label: "Card 卡片"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "carousel",
|
|
|
- label: "Carousel 走马灯"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "collapse",
|
|
|
- label: "Collapse 折叠面板"
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- value: "ziyuan",
|
|
|
- label: "资源",
|
|
|
- children: [
|
|
|
- {
|
|
|
- value: "axure",
|
|
|
- label: "Axure Components"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "sketch",
|
|
|
- label: "Sketch Templates"
|
|
|
- },
|
|
|
- {
|
|
|
- value: "jiaohu",
|
|
|
- label: "组件交互文档"
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
+ { value: "0", label: "社区", children: [] },
|
|
|
+ { value: "1", label: "我的", children: [] },
|
|
|
+ { value: "2", label: "收藏", children: [] }
|
|
|
]
|
|
|
};
|
|
|
},
|
|
|
- computed: {},
|
|
|
methods: {
|
|
|
open(data) {
|
|
|
+ this.init();
|
|
|
+ this.getTemplateData();
|
|
|
this.loading = false;
|
|
|
this.show = true;
|
|
|
},
|
|
|
@@ -346,11 +157,154 @@ export default {
|
|
|
this.init();
|
|
|
},
|
|
|
init() {
|
|
|
+ this.fileList = [];
|
|
|
+ this.analysisTemplate = [];
|
|
|
+ this.automaticCoding = false
|
|
|
this.loading = false;
|
|
|
},
|
|
|
submit() {
|
|
|
- this.$message.info("确认上传");
|
|
|
- this.close();
|
|
|
+ if(this.fileList.length<=0)return this.$message.error("请上传文件");
|
|
|
+ if(this.analysisTemplate.length<=1)return this.$message.error("请选择分析模板");
|
|
|
+ if(this.fileList.some(i=>i.status==='wait' || i.status==='uploading'))return this.$message.error("请等待文件上传完毕");
|
|
|
+ this.$emit('success',{fileList:this.fileList,automaticCoding:this.automaticCoding,analysisTemplate:this.analysisTemplate});
|
|
|
+ },
|
|
|
+ delUploadFile(item) {
|
|
|
+ this.$confirm("确定要删除吗？", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ // 确定删除
|
|
|
+
|
|
|
+ if (item.status === "uploading") {
|
|
|
+ this.$refs[`uploadFileRef_${item.index}`][0].stopUpload();
|
|
|
+ this.$refs[`uploadFileRef_${item.index}`][0].abortMultipartUpload(
|
|
|
+ item.progress.key,
|
|
|
+ item.progress.uploadid
|
|
|
+ );
|
|
|
+ }
|
|
|
+ this.fileList = this.fileList.filter(i => i.index != item.index);
|
|
|
+ this.$forceUpdate();
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ // 取消删除
|
|
|
+ });
|
|
|
+ },
|
|
|
+ progressUpdate(res) {
|
|
|
+ console.log(res);
|
|
|
+ this.fileList.find(i => i.index == res.index).progress.status =
|
|
|
+ res.status;
|
|
|
+ this.fileList.find(i => i.index == res.index).progress.percent =
|
|
|
+ res.percent;
|
|
|
+ this.fileList.find(i => i.index == res.index).progress.key = res.key;
|
|
|
+ this.fileList.find(i => i.index == res.index).progress.uploadid =
|
|
|
+ res.uploadid;
|
|
|
+ },
|
|
|
+ uploadSuccess(res) {
|
|
|
+ let data = res.data;
|
|
|
+ let _name = this.fileList.find(i => i.index == res.index).file.name;
|
|
|
+ let size = this.fileList.find(i => i.index == res.index).file.size;
|
|
|
+ let _type = this.fileList.find(i => i.index == res.index).type;
|
|
|
+ console.log(data);
|
|
|
+ this.fileList.find(i => i.index == res.index).successData = {
|
|
|
+ name: _name,
|
|
|
+ url: data.Location,
|
|
|
+ type: _type,
|
|
|
+ size: size
|
|
|
+ };
|
|
|
+ this.fileList.find(i => i.index == res.index).status = "success";
|
|
|
+ let uploadingFile = this.fileList.find(file => file.status === "wait");
|
|
|
+ if (uploadingFile) {
|
|
|
+ this.fileList.find(file => file.status === "wait").status = "uploading";
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs[`uploadFileRef_${uploadingFile.index}`][0].awsupload({
|
|
|
+ file: uploadingFile.file
|
|
|
+ });
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ console.log("上传完成");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addFile() {
|
|
|
+ let input = document.createElement("input");
|
|
|
+ input.type = "file";
|
|
|
+ input.accept = "video/mp4, audio/wav, text/plain";
|
|
|
+ input.multiple = true; // 支持多文件上传
|
|
|
+ input.style.display = "none";
|
|
|
+
|
|
|
+ input.click();
|
|
|
+
|
|
|
+ input.addEventListener("change", e => {
|
|
|
+ let files = e.target.files;
|
|
|
+ for (let i = 0; i < files.length; i++) {
|
|
|
+ if (
|
|
|
+ ["video/mp4", "audio/wav", "text/plain"].includes(files[i].type)
|
|
|
+ ) {
|
|
|
+ this.fileList.push({
|
|
|
+ file: files[i],
|
|
|
+ index: uuidv4(),
|
|
|
+ successData: null,
|
|
|
+ name: files[i].name,
|
|
|
+ type: files[i].type,
|
|
|
+ progress: { status: "", percent: 0, key: "", uploadid: "" },
|
|
|
+ status: "wait"
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message.info("文件格式不支持，仅支持mp4、wav、txt文件。");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (!this.fileList.some(i => i.status === "uploading")) {
|
|
|
+ let uploadingFile = this.fileList.find(
|
|
|
+ file => file.status === "wait"
|
|
|
+ );
|
|
|
+ if (uploadingFile) {
|
|
|
+ this.fileList.find(file => file.status === "wait").status =
|
|
|
+ "uploading";
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs[`uploadFileRef_${uploadingFile.index}`][0].awsupload({
|
|
|
+ file: uploadingFile.file
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async getTemplateData() {
|
|
|
+ const promises = this.options.map(option => {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ const params = {
|
|
|
+ uid: this.userId,
|
|
|
+ txt: "",
|
|
|
+ sub: "0",
|
|
|
+ type1: option.value
|
|
|
+ };
|
|
|
+
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectClassroomTemplate", params)
|
|
|
+ .then(res => {
|
|
|
+ const _data = res.data[0].map(item => ({
|
|
|
+ value: item.id,
|
|
|
+ label: item.name
|
|
|
+ }));
|
|
|
+ this.options.find(
|
|
|
+ option2 => option2.value === option.value
|
|
|
+ ).children = _data;
|
|
|
+ resolve();
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.log(err);
|
|
|
+ reject(err);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ try {
|
|
|
+ await Promise.all(promises);
|
|
|
+ console.log("获取模板成功");
|
|
|
+ } catch (error) {
|
|
|
+ console.log("获取模板失败");
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
@@ -440,18 +394,24 @@ export default {
|
|
|
|
|
|
.b_m_left {
|
|
|
background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.b_m_l_noFile {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
|
|
|
-.b_m_left > img {
|
|
|
+.b_m_l_noFile > img {
|
|
|
width: 140px;
|
|
|
height: 140px;
|
|
|
}
|
|
|
|
|
|
-.b_m_left > span {
|
|
|
+.b_m_l_noFile > span {
|
|
|
font-size: 16px;
|
|
|
color: #000;
|
|
|
}
|
|
|
@@ -467,11 +427,118 @@ export default {
|
|
|
color: #000;
|
|
|
}
|
|
|
|
|
|
-.b_m_right>div{
|
|
|
+.b_m_right > div {
|
|
|
margin-top: 20px;
|
|
|
font-size: 16px;
|
|
|
color: #000;
|
|
|
}
|
|
|
|
|
|
+.b_m_l_fileList {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ overflow: auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 5px 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.fl_item {
|
|
|
+ width: 100%;
|
|
|
+ height: 60px;
|
|
|
+ margin: 5px 0;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.fl_i_left {
|
|
|
+ width: 50px;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.fl_i_left > img {
|
|
|
+ width: 80%;
|
|
|
+ height: 80%;
|
|
|
+}
|
|
|
+
|
|
|
+.fl_i_center {
|
|
|
+ width: calc(100% - 90px);
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.fl_i_right {
|
|
|
+ width: 40px;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.fl_i_right > img {
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.fl_i_c_top {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ height: 50%;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.fl_i_c_top > span {
|
|
|
+ max-width: calc(100% - 100px);
|
|
|
+ display: block;
|
|
|
+ align-items: center;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
|
|
|
+.fl_i_c_top > div {
|
|
|
+ width: 100px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+.fl_i_c_bottom {
|
|
|
+ width: 100%;
|
|
|
+ height: 50%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.f_i_c_progress {
|
|
|
+ width: 100%;
|
|
|
+ height: 6px;
|
|
|
+ background-color: rgba(217, 217, 217, 1);
|
|
|
+ border-radius: 5px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.f_i_c_p_value {
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.successText {
|
|
|
+ color: rgba(188, 230, 133, 1);
|
|
|
+}
|
|
|
+
|
|
|
+.successProgress {
|
|
|
+ background-color: rgba(188, 230, 133, 1);
|
|
|
+}
|
|
|
+
|
|
|
+.uploadingText {
|
|
|
+ color: rgba(54, 129, 252, 1);
|
|
|
+}
|
|
|
+
|
|
|
+.uploadingProgress {
|
|
|
+ background-color: rgba(54, 129, 252, 1);
|
|
|
+}
|
|
|
</style>
|
SanHQin
