qiushang 1 year ago
parent
commit
1cc67cd976
2 changed files with 27 additions and 5 deletions
  1. 3 0
      src/renderer/assets/css/home.scss
  2. 24 5
      src/renderer/components/home.vue

+ 3 - 0
src/renderer/assets/css/home.scss

@@ -214,6 +214,9 @@ div,p{
 	padding: 90px;
 	height: 100%;
 	border: 1px dashed #ccc;
+	display: flex;
+	justify-content: center;
+	align-items: center;
 	
 	&:hover{
 		outline: 1px dashed #2d8cf0;

+ 24 - 5
src/renderer/components/home.vue

@@ -8,7 +8,7 @@
 						<img src="../assets/image/icon.png" class="soft-icon" />
 						<span style="letter-spacing: 2px;">{{productName}}</span>
 					</p>
-					<el-menu default-active="1" class="xy-menu" active-text-color="#409EFF" background-color="#333744" text-color="#fff" style="margin-top: 10px;width: 180px;">
+					<el-menu default-active="1" class="xy-menu" active-text-color="#409EFF" background-color="#333744" text-color="#fff" style="margin-top: 10px;">
 						<el-menu-item index="1" @click="setMenuIndex(1)">
 							<img src="../assets/image/n-huo.png" class="menu-img"/>
 							<span slot="title">常用转换</span>
@@ -247,9 +247,29 @@
 
 							<div v-if="activeName && this[listStr+'List'].length == 0" class="upload-area">
 								<div class="file-area" @click="pickFile()" @dragover.prevent @drop="handleDrop">
-									<img src="../assets/image/upload.png" style="width: 220px;"/>
-									<p style="font-size: 16px;">点击添加文件或拖拽文件到此</p>
-									<p style="font-size: 12px; color: #666;margin-top:15px; font-weight: 600;">不支持win7和win7以下系统</p>
+									<div>
+										<img src="../assets/image/pdf-word.png" v-if="activeName == '1-1'" style="width: 220px;"/>
+										<img src="../assets/image/pdf-ppt.png" v-if="activeName == '1-2'" style="width: 220px;"/>
+										<img src="../assets/image/pdf-excel.png" v-if="activeName == '1-3'" style="width: 220px;"/>
+										<img src="../assets/image/pdf-txt.png" v-if="activeName == '1-4'" style="width: 220px;"/>
+										<img src="../assets/image/pdf-img.png" v-if="activeName == '1-5'" style="width: 220px;"/>
+										<img src="../assets/image/pdf-img.png" v-if="activeName == '1-6'" style="width: 220px;"/>
+										
+										<img src="../assets/image/word-pdf.png" v-if="activeName == '2-1'" style="width: 220px;"/>
+										<img src="../assets/image/ppt-pdf.png" v-if="activeName == '2-2'" style="width: 220px;"/>
+										<img src="../assets/image/excel-pdf.png" v-if="activeName == '2-3'" style="width: 220px;"/>
+										<img src="../assets/image/img-pdf.png" v-if="activeName == '2-4'" style="width: 220px;"/>
+										
+										<img src="../assets/image/a-jiami.png" v-if="activeName == '3-1'" style="width: 220px;"/>
+										<img src="../assets/image/a-jiemi.png" v-if="activeName == '3-2'" style="width: 220px;"/>
+										<img src="../assets/image/a-hebing.png" v-if="activeName == '3-3'" style="width: 220px;"/>
+										<img src="../assets/image/a-feige.png" v-if="activeName == '3-4'" style="width: 220px;"/>
+										<img src="../assets/image/a-compress.png" v-if="activeName == '3-5'" style="width: 220px;"/>
+										<img src="../assets/image/a-page.png" v-if="activeName == '3-6'" style="width: 220px;"/>
+										<img src="../assets/image/a-img.png" v-if="activeName == '3-7'" style="width: 220px;"/>
+										<img src="../assets/image/a-del.png" v-if="activeName == '3-8'" style="width: 220px;"/>
+										<p style="font-size: 16px; margin-top: 20px;">点击添加文件或拖拽文件到此</p>
+									</div>
 								</div>
 							</div>
 
@@ -1490,7 +1510,6 @@
 			font-size: 18px;
 			font-weight: 600;
 			padding-bottom: 20px;
-			text-decoration: underline;
 		}
 
 		.citem-nav {