瀏覽代碼

docs(faq;converterfaq):app端页面文案修复

liyangbin 2 年之前
父節點
當前提交
8a93050c81
共有 2 個文件被更改,包括 96 次插入40 次删除
  1. 6 0
      pages/converterfaq.vue
  2. 90 40
      pages/faq.vue

+ 6 - 0
pages/converterfaq.vue

@@ -62,6 +62,12 @@
             <h3 class="font-bold text-[16px] leading-[22px] text-[#333] mb-6px">联系我们</h3>
             <p class="text-[#666] text-[14px] pl-[20px] leading-[18.5px]">加入17PDF官方QQ 群188917181咨询,即时为您解答相关问题。</p>
         </li>
+        <li class="bottom mt-22px">
+            <span class="text-[#666] text-[14px] leading-[18.5px]">
+
+                <span class="font-bold">PS:</span>为了不断提升用户体验,我们在持续地更新和完善中,请大家留意及时前往应用商店,下载最新版本噢!
+            </span>
+        </li>
     </ul>
 </template>
 

+ 90 - 40
pages/faq.vue

@@ -30,6 +30,21 @@ id="index_search" type="text" name="search" placeholder="大家都在问" class=
             <p>2. 点击右上角转换任务,即可看到转换中 / 转换成功 / 转换失败三种状态;</p>
             <p>3. 滑动到转换成功,点击文件,即可直接进入到17PDF的 Converted文件夹。</p>
           </dd>
+          <dd>
+            <h4 id="meet_problem"><span></span>转换遇见问题?</h4>
+            <p>请前往应用商店更新至最新版本,重新登录账号 -> 进行转档</p>
+          </dd>
+        </dl>
+        
+        <dl>
+          <dt>
+            <span></span>
+            <h3>账号登录 </h3>
+          </dt>
+          <dd>
+            <h4 id="login"><span></span>账号登录 / VIP & 转换券购买 遇到问题?</h4>
+            <p>请前往应用商店更新至最新版本,重新登录账号 -> 进行VIP / 转换券购买</p>
+          </dd>
         </dl>
 
         <dl>
@@ -41,6 +56,10 @@ id="index_search" type="text" name="search" placeholder="大家都在问" class=
             <h4 id="file_scanning"><span></span>QQ / 微信账号绑定手机号时,为什么会显示 “手机账号已绑定其他账户,请更换 绑定方式”?</h4>
             <p>说明该手机号已注册并使用过,请更换号码重新绑定噢!</p>
           </dd>
+          <dd>
+            <h4 id=""><span></span>账号绑定遇到问题?</h4>
+            <p>请前往应用商店更新至最新版本,重新登录账号 -> 进行账号绑定</p>
+          </dd>
         </dl>
 
         <dl>
@@ -53,8 +72,9 @@ id="index_search" type="text" name="search" placeholder="大家都在问" class=
             <p>
               点击相机快速扫描文件<br>
               点击分享和保存到PDF将扫描文件保存为PDF文件<br>
-              转档后可对文件进行编辑
+              转档后可对文件进行编辑<br><br>
             </p>
+            <span class="font-bold">PS:</span>如果扫描/转档失败,请先前往应用商店更新至最新版本噢
           </dd>
         </dl>
 
@@ -108,8 +128,7 @@ id="index_search" type="text" name="search" placeholder="大家都在问" class=
       <div class="search_ipt">
         <div class="search_txt w-[90%] h-40px my-0 mx-auto  ">
           <input id="search" v-model="inputValue" type="search" placeholder="你想问啥?" @input="search">
-          <a
-id="return" href="javascript:;" class="float-right text-[#fff] text-[14px] leading-[40px] no-underline "
+          <a id="return" href="javascript:;" class="float-right text-[#fff] text-[14px] leading-[40px] no-underline "
             @click="changeShowSearch">取消</a>
         </div>
       </div>
@@ -121,47 +140,48 @@ id="return" href="javascript:;" class="float-right text-[#fff] text-[14px] leadi
         </dt>
         <dd class="ml-26px text-[12px] leading-[26px] mt-7px">
           <span class="h-4px w-4px bg-[#333] rounded-4px inline-block mr-6px"></span>
-          <a href="javascript:;" class="text-[#333] no-underline" @click="skip('#format_type',350)">支持哪些格式转换?</a>
+          <a href="javascript:;" class="text-[#333] no-underline" @click="skip(350)">支持哪些格式转换?</a>
         </dd>
         <dd class="ml-26px text-[12px] leading-[26px] mt-7px">
           <span class="h-4px w-4px bg-[#333] rounded-4px inline-block mr-6px"></span>
-          <a href="javascript:;" class="text-[#333] no-underline" @click="skip('#where_format',450)">从哪里可以找到转档后的文件?</a>
+          <a href="javascript:;" class="text-[#333] no-underline" @click="skip(450)">从哪里可以找到转档后的文件?</a>
         </dd>
       </dl>
       <!-- 搜索展示区 -->
       <div v-show="!showHot" class="search_list w-[98%] bg-[#fff] my-0 mx-auto py-12px">
         <ul class="m-0 pl-26px">
-          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none"><a
-v-show="x0" href="javascript:;"
-              @click="skip( '#format_type' , 350)" v-html="questions[0]"></a>
+          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none">
+            <a v-show="x0" href="javascript:;" @click="skip(350)" v-html="questions[0]"></a>
           </li>
-          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none"><a
-v-show="x1" href="javascript:;"
-              @click="skip( '#where_format' , 450)" v-html="questions[1]"></a>
+          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none">
+            <a v-show="x1" href="javascript:;" @click="skip(450)" v-html="questions[1]"></a>
           </li>
-          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none"><a
-v-show="x2" href="javascript:;"
-              @click="skip( '#file_scanning' , 750)" v-html="questions[2]"></a>
+          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none">
+            <a v-show="x2" href="javascript:;" @click="skip(650)" v-html="questions[2]"></a>
           </li>
-          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none"><a
-v-show="x3" href="javascript:;"
-              @click="skip( '#files_scanning' , 950)" v-html="questions[3]"></a>
+          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none">
+            <a v-show="x3" href="javascript:;" @click="skip(850)" v-html="questions[3]"></a>
           </li>
-          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none"><a
-v-show="x4" href="javascript:;"
-              @click="skip( '#files_scanning' , 1200)" v-html="questions[4]"></a>
+          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none">
+            <a v-show="x4" href="javascript:;" @click="skip(1050)" v-html="questions[4]"></a>
           </li>
-          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none"><a
-v-show="x5" href="javascript:;"
-              @click="skip( '#files_scanning' , 1300)" v-html="questions[5]"></a>
+          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none">
+            <a v-show="x5" href="javascript:;" @click="skip(1150)" v-html="questions[5]"></a>
           </li>
-          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none"><a
-v-show="x6" href="javascript:;"
-              @click="skip ( '#files_scanning' , 1500)" v-html="questions[6]"></a>
+          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none">
+            <a v-show="x6" href="javascript:;" @click="skip (1350)" v-html="questions[6]"></a>
           </li>
-          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none"><a
-v-show="x7" href="javascript:;"
-              @click="skip( '#files_scanning' , 1650 )" v-html="questions[7]"></a>
+          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none">
+            <a v-show="x7" href="javascript:;" @click="skip(1650)" v-html="questions[7]"></a>
+          </li>
+          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none">
+            <a v-show="x8" href="javascript:;" @click="skip(1760)" v-html="questions[8]"></a>
+          </li>
+          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none">
+            <a v-show="x9" href="javascript:;" @click="skip(1950)" v-html="questions[9]"></a>
+          </li>
+          <li class="m-0 p-0 text-[#333] text-[14px] leading-[40px] list-none">
+            <a v-show="x10" href="javascript:;" @click="skip(2100)" v-html="questions[10]"></a>
           </li>
         </ul>
       </div>
@@ -194,28 +214,36 @@ export default {
     const x5 = ref(false)
     const x6 = ref(false)
     const x7 = ref(false)
+    const x8 = ref(false)
+    const x9 = ref(false)
+    const x10 = ref(false)
     // 搜索问题
     const questions = [
       "支持哪些格式转换?",
       "从哪里可以找到转档后的文件?",
+      "转换遇到问题?",
+      "账号登录 / VIP & 转换券购买 遇到问题?",
       "QQ / 微信账号绑定手机号时,为什么会显示'手机账号已绑定其他账户,请更换绑定方式'?",
+      "账号绑定遇到问题?",
       "如何使用PDF扫描;转档功能?",
       "如何使用手绘&amp;手写?",
       "如何移除PDF文件注释?",
-      "文件阅读是否支持护眼模式",
+      "是否支持护眼模式",
       "如何使用纯文字模式(文字转语音TTS)?"]
     // 搜索功能
     function search() {
       // 初始化
       questions[0] = "支持哪些格式转换?"
       questions[1] = "从哪里可以找到转档后的文件?"
-      questions[2] = "QQ / 微信账号绑定手机号时,为什么会显示'手机账号已绑定其他账户,请更换绑定方式'?"
-      questions[3] = "如何使用PDF扫描;转档功能?"
-      questions[4] = "如何使用手绘&amp;手写?"
-      questions[5] = "如何移除PDF文件注释?"
-      questions[6] = "文件阅读是否支持护眼模式"
-      questions[7] = "如何使用纯文字模式(文字转语音TTS)?"
-
+      questions[2] = "转换遇到问题?"
+      questions[3] = "账号登录 / VIP & 转换券购买 遇到问题?"
+      questions[4] = "QQ / 微信账号绑定手机号时,为什么会显示'手机账号已绑定其他账户,请更换绑定方式'?"
+      questions[5] = "账号绑定遇到问题?"
+      questions[6] = "如何使用PDF扫描;转档功能?"
+      questions[7] = "如何使用手绘&amp;手写?"
+      questions[8] = "如何移除PDF文件注释?"
+      questions[9] = "是否支持护眼模式"
+      questions[10] = "如何使用纯文字模式(文字转语音TTS)?"
       // 控制热点问题展示
       if (!inputValue.value == "") {
         showHot.value = false
@@ -266,6 +294,18 @@ export default {
             x7.value = true;
             questions[7] = brightenKeyword(questions[7], inputValue.value)
             break;
+          case 8:
+            x8.value = true;
+            questions[8] = brightenKeyword(questions[8], inputValue.value)
+            break;
+          case 9:
+            x9.value = true;
+            questions[9] = brightenKeyword(questions[9], inputValue.value)
+            break;
+          case 10:
+            x10.value = true;
+            questions[10] = brightenKeyword(questions[10], inputValue.value)
+            break;
         }
       }
       // 隐藏已经过时的问题
@@ -295,6 +335,15 @@ export default {
           case 7:
             x7.value = false;
             break;
+          case 8:
+            x8.value = false;
+            break;
+          case 9:
+            x9.value = false;
+            break;
+          case 10:
+            x10.value = false;
+            break;
         }
       }
       function brightenKeyword(val, keyword) {
@@ -309,11 +358,9 @@ export default {
       }
     }
     // 问题跳转
-    function skip(value,num){
+    function skip(num){
 
       changeShowSearch()
-      const position = document.querySelector(value);
-      const positionValue=position.getBoundingClientRect().top
       const top = num;
       let x=1;
       function run() {
@@ -341,6 +388,9 @@ export default {
       x5,
       x6,
       x7,
+      x8,
+      x9,
+      x10,
       questions,
       skip,
     }