Ver código fonte

根据用户选择进行不同转档的静态页面

liyangbin 2 anos atrás
pai
commit
00238b6129

BIN
assets/images/converter/imagePDFtoJPG.png


BIN
assets/images/converter/pngPDFtoPNG.png


+ 11 - 4
layouts/components/NavBar.vue

@@ -53,8 +53,14 @@
            		  </li>
            		  <li>
            		  	<a href=" /converter">
-           		  		<img src="@/assets/images/converter/ic_pdf_picture.png">
-           		  		<span>PDF to JPG/PNG</span>
+           		  		<img src="@/assets/images/converter/imagePDFtoJPG.png">
+           		  		<span>PDF to JPG</span>
+           		  	</a>
+           		  </li>
+           		  <li>
+           		  	<a href=" /converter">
+           		  		<img src="@/assets/images/converter/pngPDFtoPNG.png">
+           		  		<span>PDF to PNG</span>
            		  	</a>
            		  </li>
            	  </ul>
@@ -279,10 +285,11 @@ export default {
 }
 .showConverter{
   .more_menu {
-    width: 736px;
+    width: 800px;
     padding: 30px 40px;
     position: absolute;
     top: 70px;
+    left: -132px;
     background: #fff;
     box-shadow: 0px 2px 12px rgb(0 0 0 / 12%);
     border-radius: 3px;
@@ -290,7 +297,7 @@ export default {
     display: none;
     .horn {
       position: absolute;
-      left: 20px;
+      left: 135px;
       top: -16px;
     }
     .package_type{

+ 8 - 2
pages/converter.vue

@@ -211,8 +211,14 @@
               </li>
               <li>
                 <a href="/converter">
-                  <img src="/converter/ic_pdf_picture.png" />
-                  <span>PDF to JPG/PNG</span>
+                  <img src="/converter/imagePDFtoJPG.png" />
+                  <span>PDF to JPG</span>
+                </a>
+              </li>
+              <li>
+                <a href="/converter">
+                  <img src="/converter/pngPDFtoPNG.png" />
+                  <span>PDF to PNG</span>
                 </a>
               </li>
             </ul>

BIN
static/converter/imagePDFtoJPG.png


BIN
static/converter/pngPDFtoPNG.png