Bladeren bron

fix:测试修复

liyangbin 1 jaar geleden
bovenliggende
commit
de04af95a8
5 gewijzigde bestanden met toevoegingen van 26 en 25 verwijderingen
  1. 5 4
      components/SdkForm.vue
  2. 21 21
      pages/sdk.vue
  3. BIN
      static/images/tools/compress.png
  4. BIN
      static/images/tools/conversion.png
  5. BIN
      static/images/tools/ocr.png

+ 5 - 4
components/SdkForm.vue

@@ -29,7 +29,7 @@
         </div>
         <!-- 平台 -->
         <div class="mt-30px mb-16px  text-sm font-600  text-[#232748]"><i class="text-[#FF5050] mt-10px">*</i> {{ contactSales.whatDeploy }}</div>
-        <div class="grid gap-y-24px 2xl:grid-cols-4 lg:grid-cols-3 <lg:grid-cols-4  <tiny:(grid-cols-1 gap-y-16px ml-16px)">
+        <div class="grid gap-y-24px grid-cols-3">
           <label class="flex items-center">
             <input v-model="platforms" type="checkbox" value="Windows" @change="handleCheckBox('platforms')">
             <CheckBox v-if="platforms.includes('Windows')" />
@@ -83,7 +83,7 @@
         <div v-show="platforms_err && submitted" class="text-[#FF5050] mt-10px">{{ platforms_err }}</div>
         <!-- 功能 -->
         <div class="mt-27px mb-20px text-sm font-600 "><i class="text-[#FF5050] mt-10px">*</i> {{ contactSales.whichFeatures }}</div>
-        <div class="grid gap-y-24px 2xl:grid-cols-4 lg:grid-cols-3">
+        <div class="grid gap-y-24px grid-cols-3">
           <label class="flex items-center">
             <input v-model="features" type="checkbox" value="PDF查看" @change="handleCheckBox('features')">
             <CheckBox v-if="features.includes('PDF查看')" />
@@ -483,7 +483,9 @@ export default {
   props: ["labelText"],
   methods: {
     doClose() {
-      this.modalShow = false
+      setTimeout(() => {
+        this.modalShow = false
+      }, 500);
       this.platforms = []
       this.features = []
       this.description = ''
@@ -497,7 +499,6 @@ export default {
       this.country = ''
       this.fieldsNum = 0
       this.submitText = '提交'
-      document.documentElement.scrollTop = window.pageYOffset = document.body.scrollTop = 0
     },
     handleCheckBox(arg) {
       if (!this[arg].length) {

+ 21 - 21
pages/sdk.vue

@@ -3,9 +3,9 @@
     <!-- 头部 -->
     <div class="text-center bg-[#232748]">
       <div class="font-600 text-50px leading-44px pt-114px text-white">为开发者设计的SDK & API解决方案</div>
-      <div class="text-30px leading-38px max-w-911px text-[#DBDBDB] mx-auto pt-40px">
+      <h1 class="text-30px leading-38px max-w-911px text-[#DBDBDB] mx-auto pt-40px">
         提供给企业的专业PDF解决方案, 支持本地、在线、私有化部署PDF编辑、注释、评论、格式转换、签名、文档对比、标记密文、OCR、测量等功能到所有开发平台中,并且支持跨平台开发。
-      </div>
+      </h1>
       <div class="max-w-560px mx-auto mt-72px pb-114px flex">
         <div class="dynamic w-260px bg-white text-[#232748] leading-50px rounded-8px text-16px font-500 hover:bg-[#FCD980] cursor-pointer" 
         @click="handlerApplyUse('trial')">
@@ -29,10 +29,9 @@
         <div v-for="(item, index) in platformList" :key="index" class="w-[30%] flex flex-col justify-between py-32px px-20px rounded-4px bg-[#fff] mt-30px">
           <div class="flex items-center">
             <img :src="item.src" :alt="item.title" width="32" height="32">
-            <div class="ml-12px font-500 text-18px leading-22px text-[#232748]">{{item.title}}</div>
+            <div class="ml-12px font-600 text-18px leading-22px text-[#232748]">{{item.title}}</div>
           </div>
-          <div class="sdk_platform mt-16px text-14px leading-20px text-[#232748]">
-            {{ item.des }}
+          <div class="sdk_platform mt-16px text-14px leading-20px text-[#232748]" v-html="item.des">
           </div>
           <div class="platform_apply flex flex-row-reverse items-center mt-16px text-16px leading-20px text-[#396FFA]" @click="handlerApplyUse('trial')">
             <Right class="ml-8px" />
@@ -58,12 +57,13 @@
       <!-- 弹出框 -->
       <el-dialog 
         :visible.sync="modalViable"
-        :close-on-click-modal="true"
         :close-on-press-escape="false"
         @close="$refs.sdkForm.doClose()"
+        :lock-scroll="false"
+	      :append-to-body="true"
         top="5vh"
         width="742px"
-        lock-scroll
+        :destroy-on-close="false"
       >
         <sdk-form ref="sdkForm" :labelText = "labelText"></sdk-form>
       </el-dialog>
@@ -197,64 +197,64 @@ export default {
         {
           src: require('~/assets/images/tools/windows.svg'),
           title: 'Windows PDF编辑SDK',
-          des: '提供专业的C#、VB和C++ SDK库,让您轻松快速地将PDF功能集成到Windows应用程序中,包含所有PDF功能和高阶功能,比如文本编辑、图片编辑、PDF转Office/图片、数字签名、OCR、文档对比、密文标记等。独立的PDF技术,无需依赖Adobe Acrobat。'
+          des: '提供专业的<span style="font-weight: 600; color: #396FFA">C#</span><span style="font-weight: 600; color: #396FFA">VB</span><span style="font-weight: 600; color: #396FFA">C++</span> SDK库,让您轻松快速地将PDF功能集成到Windows应用程序中,包含所有PDF功能和高阶功能,比如文本编辑、图片编辑、PDF转Office/图片、数字签名、OCR、文档对比、密文标记等。独立的PDF技术,无需依赖Adobe Acrobat。'
         },
         {
           src: require('~/assets/images/tools/web.svg'),
           title: 'Web PDF阅读SDK',
-          des: '提供专业的JavaScript PDF SDK,加速您Web应用程序开发,允许您的网页用户在任何设备上打开、阅读、标注、填写、签署、对比PDF文件等。支持所有的浏览器(Chrome, Edge, Firfox, Safari等)和主流的Web框架(Electron, Vue, Nuxt, React, Next, Svelte, Angular, ionic angular等)。'
+          des: '提供专业的<span style="font-weight: 600; color: #396FFA">JavaScript</span> PDF SDK,加速您Web应用程序开发,允许您的网页用户在任何设备上打开、阅读、标注、填写、签署、对比PDF文件等。支持所有的浏览器(Chrome, Edge, Firefox, Safari等)和主流的Web框架(Electron, Vue, Nuxt, React, Next, Svelte, Angular, ionic angular等)。'
         },
         {
           src: require('~/assets/images/tools/android.svg'),
           title: 'Android PDF SDK',
-          des: '集成我们的Kotlin和Java库,简单地将PDF功能集成到您安卓应用程序中,为您的app用户提供PDF阅读、编辑、注释、填写表单,签名等基础功能,和文档编辑、格式转换、OCR等高级功能。'
+          des: '集成我们的<span style="font-weight: 600; color: #396FFA">Kotlin</span><span style="font-weight: 600; color: #396FFA">Java</span>库,简单地将PDF功能集成到您安卓应用程序中,为您的app用户提供PDF阅读、编辑、注释、填写表单,签名等基础功能,和文档编辑、格式转换、OCR等高级功能。'
         },
         {
           src: require('~/assets/images/tools/ios.svg'),
           title: 'iOS PDF编辑SDK',
-          des: '使用专业的Objective-C和Swift PDF SDK,帮助您轻松开发iOS PDF阅读器&编辑器,允许阅读PDF、编辑、注释、填写表单、签名、和格式转换等。'
+          des: '使用专业的<span style="font-weight: 600; color: #396FFA">Objective-C</span><span style="font-weight: 600; color: #396FFA">Swift</span> PDF SDK,帮助您轻松开发iOS PDF阅读器&编辑器,允许阅读PDF、编辑、注释、填写表单、签名、和格式转换等。'
         },
         {
           src: require('~/assets/images/tools/mac.svg'),
           title: 'Mac Catalyst PDF编辑SDK',
-          des: '为Mac Catalyst平台提供Swift和Objective-C库开发全面的PDF功能,与iOS应用程序共享相同的代码库,降低维护成本。为您的app用户提供全面的、专业的PDF处理功能。'
+          des: '为Mac Catalyst平台提供<span style="font-weight: 600; color: #396FFA">Swift</span><span style="font-weight: 600; color: #396FFA">Objective-C</span>库开发全面的PDF功能,与iOS应用程序共享相同的代码库,降低维护成本。为您的app用户提供全面的、专业的PDF处理功能。'
         },
         {
           src: require('~/assets/images/tools/electron.svg'),
           title: 'Electron PDF SDK',
-          des: '综合的JavaScript PDF处理库,支持在Electron平台上提供跨Cloud, Windows, Mac, Linux, 和Chromebook的PDF开发体验。支持为Electron app实现所有你能想到的处理PDF的功能,并利用Electron的桌面特性进行自定义。'
+          des: '综合的<span style="font-weight: 600; color: #396FFA">JavaScript</span> PDF处理库,支持在Electron平台上提供跨Cloud, Windows, Mac, Linux, 和Chromebook的PDF开发体验。支持为Electron app实现所有你能想到的处理PDF的功能,并利用Electron的桌面特性进行自定义。'
         },
         {
           src: require('~/assets/images/tools/flutter.svg'),
           title: 'Flutter PDF SDK',
-          des: '使用专业的Flutter库,将PDF功能集成到您的iOS和Android应用程序中,享受Flutter灵活的开发体验、高性能、和美观的界面,实现PDF的预览、编辑、签名、密文标记、注释等功能'
+          des: '使用专业的<span style="font-weight: 600; color: #396FFA">Flutter</span>库,将PDF功能集成到您的iOS和Android应用程序中,享受Flutter灵活的开发体验、高性能、和美观的界面,实现PDF的预览、编辑、签名、密文标记、注释等功能'
         },
         {
           src: require('~/assets/images/tools/server.svg'),
-          title: 'Server端PDF阅读、编辑SDK',
-          des: '为Server平台提供可靠的Java,.NET Core,和命令行工具等解决方案处理PDF文件,支持多线程和分布式环境。在Server应用程序中实现PDF的生成、查看、编辑、版本对比、OCR、转档等功能'
+          title: 'Server端PDF转档、编辑SDK',
+          des: '为Server平台提供可靠的<span style="font-weight: 600; color: #396FFA">Java</span><span style="font-weight: 600; color: #396FFA">.NET Core</span>,和命令行工具等解决方案处理PDF文件,支持多线程和分布式环境。在Server应用程序中实现PDF的生成、查看、编辑、版本对比、OCR、转档等功能'
         },
         {
           src: require('~/assets/images/tools/api.svg'),
-          title: 'PDF查看、编辑API',
-          des: '专业的HTTP API可以让您轻松快速地将PDF功能集成到所有开发平台的应用程序中,无需担心编程语言与API是否兼容的问题。支持远程调用和私有化部署。'
+          title: 'PDF API',
+          des: '专业的<span style="font-weight: 600; color: #396FFA">HTTP API</span>可以让您轻松快速地将PDF功能集成到所有开发平台的应用程序中,无需担心编程语言与API是否兼容的问题。支持远程调用和私有化部署。'
         }
       ] 
     }
   },
   head() {
     return {
-      title: 'PDF文件解决方案核心功能SDK跨平台集成',
+      title: 'PDF SDK/API解决方案: 全面PDF功能、全平台、跨平台集成',
       meta: [
         {
           name: 'keywords',
           hid: 'keywords',
-          content: 'PDF SDK,PDF library, pdf开发包,pdf kit'
+          content: 'PDF SDK, PDF Library, pdf开发包, PDF Kit, PDF解决方案'
         },
         {
         hid: 'description',
         name: 'description',
-        content: '17PDF Reader提供跨平台整合PDF阅读器核心功能到你的App中, 文件阅读、文件注释、文件扫描、数字签名、水印、OCR、文本编辑、表单填写、文件合并、文件分割等各种功能集成,让你的工具更强大!'
+        content: '17PDF Reader提供全平台、跨平台整合PDF阅读器核心功能到你的App中, 支持文件阅读、注释、扫描、数字签名、加密、OCR、文本编辑、表单填写、文件合并、文件分割等各种功能集成,让你的工具更强大!'
        },
       ]
     }

BIN
static/images/tools/compress.png


BIN
static/images/tools/conversion.png


BIN
static/images/tools/ocr.png