|
|
@@ -10,19 +10,19 @@
|
|
|
</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-item index="1" @click="setMenuIndex(1)">
|
|
|
- <img src="../assets/image/n-huo.png"/>
|
|
|
+ <img src="../assets/image/n-huo.png" class="menu-img"/>
|
|
|
<span slot="title">常用转换</span>
|
|
|
</el-menu-item>
|
|
|
<el-menu-item index="2" @click="setMenuIndex(2)">
|
|
|
- <img src="../assets/image/n-word.png"/>
|
|
|
+ <img src="../assets/image/file-pdf.png" class="menu-img"/>
|
|
|
<span slot="title">文件转PDF</span>
|
|
|
</el-menu-item>
|
|
|
<el-menu-item index="3" @click="setMenuIndex(3)">
|
|
|
- <img src="../assets/image/n-pdf.png"/>
|
|
|
+ <img src="../assets/image/pdf-file.png" class="menu-img"/>
|
|
|
<span slot="title">PDF转文件</span>
|
|
|
</el-menu-item>
|
|
|
<el-menu-item index="4" @click="setMenuIndex(4)">
|
|
|
- <img src="../assets/image/n-txt.png"/>
|
|
|
+ <img src="../assets/image/pdf-fun.png" class="menu-img"/>
|
|
|
<span slot="title">PDF文件功能</span>
|
|
|
</el-menu-item>
|
|
|
</el-menu>
|
|
|
@@ -194,58 +194,34 @@
|
|
|
<el-row type="flex" class="row-bg">
|
|
|
<el-col :span="1" style="text-align: right;">
|
|
|
<el-button style="margin-top: 8px;" type="primary" size="mini"
|
|
|
- icon="el-icon-arrow-left" circle @click="activeName=''"></el-button>
|
|
|
+ icon="el-icon-s-home" circle @click="activeName=''"></el-button>
|
|
|
</el-col>
|
|
|
<el-col :span="23" style="padding: 0 15px;">
|
|
|
<el-tabs v-model="activeName" v-if="activeName.split('-')[1] == 'pdf'">
|
|
|
- <el-tab-pane label="EPUB转PDF" name="epub-pdf"></el-tab-pane>
|
|
|
- <el-tab-pane label="AZW3转PDF" name="azw3-pdf"></el-tab-pane>
|
|
|
- <el-tab-pane label="MOBI转PDF" name="mobi-pdf"></el-tab-pane>
|
|
|
- <el-tab-pane label="FB2转PDF" name="fb2-pdf"></el-tab-pane>
|
|
|
- <el-tab-pane label="LRF转PDF" name="lrf-pdf"></el-tab-pane>
|
|
|
- <el-tab-pane label="RTF转PDF" name="rtf-pdf"></el-tab-pane>
|
|
|
- <el-tab-pane label="TCR转PDF" name="tcr-pdf"></el-tab-pane>
|
|
|
- <el-tab-pane label="LIT转PDF" name="lit-pdf"></el-tab-pane>
|
|
|
- <el-tab-pane label="TXTZ转PDF" name="txtz-pdf"></el-tab-pane>
|
|
|
- <el-tab-pane label="CAJ转PDF" name="caj-pdf"></el-tab-pane>
|
|
|
+ <el-tab-pane label="WORD转PDF" name="epub-pdf"></el-tab-pane>
|
|
|
+ <el-tab-pane label="PPT转PDF" name="azw3-pdf"></el-tab-pane>
|
|
|
+ <el-tab-pane label="EXCEL转PDF" name="mobi-pdf"></el-tab-pane>
|
|
|
+ <el-tab-pane label="图片转PDF" name="fb2-pdf"></el-tab-pane>
|
|
|
</el-tabs>
|
|
|
|
|
|
<el-tabs v-model="activeName" v-if="activeName.split('-')[1] == 'docx'">
|
|
|
- <el-tab-pane label="EPUB转Word" name="epub-docx"></el-tab-pane>
|
|
|
- <el-tab-pane label="AZW3转Word" name="azw3-docx"></el-tab-pane>
|
|
|
- <el-tab-pane label="MOBI转Word" name="mobi-docx"></el-tab-pane>
|
|
|
- <el-tab-pane label="FB2转Word" name="fb2-docx"></el-tab-pane>
|
|
|
- <el-tab-pane label="LRF转Word" name="lrf-docx"></el-tab-pane>
|
|
|
- <el-tab-pane label="RTF转Word" name="rtf-docx"></el-tab-pane>
|
|
|
- <el-tab-pane label="TCR转Word" name="tcr-docx"></el-tab-pane>
|
|
|
- <el-tab-pane label="LIT转Word" name="lit-docx"></el-tab-pane>
|
|
|
- <el-tab-pane label="TXTZ转Word" name="txtz-docx"></el-tab-pane>
|
|
|
- <el-tab-pane label="CAJ转Word" name="caj-docx"></el-tab-pane>
|
|
|
+ <el-tab-pane label="PDF转WORD" name="epub-docx"></el-tab-pane>
|
|
|
+ <el-tab-pane label="PDF转PPT" name="azw3-docx"></el-tab-pane>
|
|
|
+ <el-tab-pane label="PDF转EXCEL" name="mobi-docx"></el-tab-pane>
|
|
|
+ <el-tab-pane label="PDF转TXT" name="fb2-docx"></el-tab-pane>
|
|
|
+ <el-tab-pane label="PDF转图片" name="lrf-docx"></el-tab-pane>
|
|
|
+ <el-tab-pane label="PDF转HTML" name="rtf-docx"></el-tab-pane>
|
|
|
</el-tabs>
|
|
|
|
|
|
<el-tabs v-model="activeName" v-if="activeName.split('-')[1] == 'txt'">
|
|
|
- <el-tab-pane label="EPUB转TXT" name="epub-txt"></el-tab-pane>
|
|
|
- <el-tab-pane label="AZW3转TXT" name="azw3-txt"></el-tab-pane>
|
|
|
- <el-tab-pane label="MOBI转TXT" name="mobi-txt"></el-tab-pane>
|
|
|
- <el-tab-pane label="FB2转TXT" name="fb2-txt"></el-tab-pane>
|
|
|
- <el-tab-pane label="LRF转TXT" name="lrf-txt"></el-tab-pane>
|
|
|
- <el-tab-pane label="RTF转TXT" name="rtf-txt"></el-tab-pane>
|
|
|
- <el-tab-pane label="TCR转TXT" name="tcr-txt"></el-tab-pane>
|
|
|
- <el-tab-pane label="LIT转TXT" name="lit-txt"></el-tab-pane>
|
|
|
- <el-tab-pane label="TXTZ转TXT" name="txtz-txt"></el-tab-pane>
|
|
|
- <el-tab-pane label="CAJ转TXT" name="caj-txt"></el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
-
|
|
|
- <el-tabs v-model="activeName" v-if="activeName.split('-')[0] == 'file'">
|
|
|
- <el-tab-pane label="文件转EPUB" name="file-epub"></el-tab-pane>
|
|
|
- <el-tab-pane label="文件转AZW3" name="file-azw3"></el-tab-pane>
|
|
|
- <el-tab-pane label="文件转MOBI" name="file-mobi"></el-tab-pane>
|
|
|
- <el-tab-pane label="文件转FB2" name="file-fb2"></el-tab-pane>
|
|
|
- <el-tab-pane label="文件转LRF" name="file-lrf"></el-tab-pane>
|
|
|
- <el-tab-pane label="文件转RTF" name="file-rtf"></el-tab-pane>
|
|
|
- <el-tab-pane label="文件转TCR" name="file-tcr"></el-tab-pane>
|
|
|
- <el-tab-pane label="文件转LIT" name="file-lit"></el-tab-pane>
|
|
|
- <el-tab-pane label="文件转TXTZ" name="file-txtz"></el-tab-pane>
|
|
|
+ <el-tab-pane label="PDF加密" name="epub-txt"></el-tab-pane>
|
|
|
+ <el-tab-pane label="PDF解密" name="azw3-txt"></el-tab-pane>
|
|
|
+ <el-tab-pane label="PDF合并" name="mobi-txt"></el-tab-pane>
|
|
|
+ <el-tab-pane label="PDF分割" name="fb2-txt"></el-tab-pane>
|
|
|
+ <el-tab-pane label="PDF压缩" name="lrf-txt"></el-tab-pane>
|
|
|
+ <el-tab-pane label="PDF提取页面" name="rtf-txt"></el-tab-pane>
|
|
|
+ <el-tab-pane label="PDF提取图片" name="tcr-txt"></el-tab-pane>
|
|
|
+ <el-tab-pane label="PDF页面删除" name="lit-txt"></el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -1061,6 +1037,7 @@
|
|
|
font-size: 18px;
|
|
|
font-weight: 600;
|
|
|
padding-bottom: 20px;
|
|
|
+ text-decoration: underline;
|
|
|
}
|
|
|
|
|
|
.citem-nav {
|
|
|
@@ -1114,4 +1091,13 @@
|
|
|
.popper-open[x-placement^=bottom] .popper__arrow::after{
|
|
|
border-bottom-color: #303133 !important;
|
|
|
}
|
|
|
+
|
|
|
+ .menu-img{
|
|
|
+ width: 26px;
|
|
|
+ height: 26px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-menu-item.is-active{
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
</style>
|
