Jelajahi Sumber

大力水手

于添 5 bulan lalu
induk
melakukan
9e13fd6822
1 mengubah file dengan 23 tambahan dan 4 penghapusan
  1. 23 4
      src/components/UpLoadBreakPoint/index.vue

+ 23 - 4
src/components/UpLoadBreakPoint/index.vue

@@ -2,6 +2,7 @@
 	<div>
 		<a-spin :spinning="spinning" tip="读取中...">
 			<a-upload-dragger
+				class="myDiv"
 				:file-list="fileList"
 				:before-upload="beforeUpload"
 				@change="handleChange"
@@ -11,10 +12,20 @@
 				:drag="true"
 				:progress="progress"
 			>
-				<div style="padding: 40px; text-align: center">
-					<span class="text"> 点击上传或将文件拖拽至此区域上传 </span>
-					<p class="text">按住Ctrl可同时多选,支持上传{{props.upLoadfileLists.join('/')}},等单个文件不能超过2G</p>
+				<div>
+									<div><p class="ant-upload-text" style="display: inline-block;">点击上传或将文件拖拽至此区域上传</p></div>
+					<div>	<p class="ant-upload-hint"  style="display: inline-block;">
+										按住Ctrl可同时多选,支持上传
+									</p></div>
+					<div>	<p class="ant-upload-hint" style="width: 50%;
+    display: inline-block;">
+										{{props.upLoadfileLists.join('/')}}
+									</p></div>
+					<div><p class="ant-upload-hint"  style="display: inline-block;">
+						等单个文件不能超过2G
+					</p></div>
 				</div>
+
 			</a-upload-dragger>
 	</a-spin>
 
@@ -847,4 +858,12 @@
 	defineExpose({open})
 </script>
 
-<style scoped></style>
+<style scoped>
+.mydiv {
+	:deep(.ant-upload .ant-upload-drag .ant-upload-btn) {
+		display: none !important   //大力水手
+	}
+}
+
+
+</style>