|
@@ -14,8 +14,7 @@
|
|
|
<p class="bg_text text-[18px] leading-[1.428571429]">
|
|
|
文件格式无限转档,纯净无广告,更多进阶功能等你体验
|
|
|
</p>
|
|
|
- <button
|
|
|
-type="button"
|
|
|
+ <button type="button"
|
|
|
class="bg_button w-145px h-48px rounded-[29px] text-[18px] leading-[48px] my-22px mx-auto border-0"
|
|
|
@click="handlSubmit">
|
|
|
立即订阅
|
|
@@ -25,20 +24,17 @@ type="button"
|
|
|
<div class="pricing_wrap">
|
|
|
<div class="pricing_content first">
|
|
|
<div class="content_title flex justify-center items-center mb-50px">
|
|
|
- <img
|
|
|
-src="http://cn-file.17pdf.com/website/member_v2/pop_member_decorate2_title.png" alt="引號"
|
|
|
+ <img src="http://cn-file.17pdf.com/website/member_v2/pop_member_decorate2_title.png" alt="引號"
|
|
|
class="w-18px h-9px inline-block" />
|
|
|
<p class="text-[32px] text-[#d5b07d] leading-[48px] inline-block px-24px">
|
|
|
会员主打特权
|
|
|
</p>
|
|
|
- <img
|
|
|
-src="http://cn-file.17pdf.com/website/member_v2/pop_member_decorate1_title.png" alt="引號"
|
|
|
+ <img src="http://cn-file.17pdf.com/website/member_v2/pop_member_decorate1_title.png" alt="引號"
|
|
|
class="w-18px h-9px inline-block" />
|
|
|
</div>
|
|
|
<div class="content_line w-780px mx-auto">
|
|
|
<div class="content_box flex justify-between items-center mb-65px">
|
|
|
- <img
|
|
|
-src="http://cn-file.17pdf.com/website/pricings/v2/pic_members_removeads.png" alt="AD"
|
|
|
+ <img src="http://cn-file.17pdf.com/website/pricings/v2/pic_members_removeads.png" alt="AD"
|
|
|
class="big_img align-middle" />
|
|
|
<div class="text_container w-420px pl-20px">
|
|
|
<p class="box_title mb-8px text-[24px] leading-[36px] font-bold text-[#333]">
|
|
@@ -58,14 +54,12 @@ src="http://cn-file.17pdf.com/website/pricings/v2/pic_members_removeads.png" alt
|
|
|
支持PDF to Word、PPT、Excel、TXT、JPG/PNG无限次数转换,高效稳定
|
|
|
</p>
|
|
|
</div>
|
|
|
- <img
|
|
|
-src="http://cn-file.17pdf.com/website/pricings/member_fuction_pic_trans.png" alt=""
|
|
|
+ <img src="http://cn-file.17pdf.com/website/pricings/member_fuction_pic_trans.png" alt=""
|
|
|
class="big_img align-middle" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="button_subscribe mt-5px mb-80px text-center">
|
|
|
- <button
|
|
|
-type="button"
|
|
|
+ <button type="button"
|
|
|
class="bg_button w-330px h-56px rounded-[29px] text-[26px] leading-[56px] text-[#fff] font-medium"
|
|
|
@click="handlSubmit">
|
|
|
立即订阅
|
|
@@ -73,8 +67,7 @@ type="button"
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-dialog
|
|
|
-:visible.sync="visiable" :close-on-click-modal="false" :close-on-press-escape="false" width="480px"
|
|
|
+ <el-dialog :visible.sync="visiable" :close-on-click-modal="false" :close-on-press-escape="false" width="480px"
|
|
|
append-to-body center>
|
|
|
<div class="changepwd-tittle">
|
|
|
<p class="text-20px text-center text-$btn-color-primary">提示</p>
|
|
@@ -92,17 +85,14 @@ type="button"
|
|
|
<!-- 头部 -->
|
|
|
<header class="h-130px sm480:h-180px sm750:h-250px">
|
|
|
<div id="header-wrapper" class="header-wrapper w-full h-38px relative inline-block ">
|
|
|
- <a
|
|
|
-href="#" class="left-btn absolute left-15px w-24px h-24px top-15px text-[#7e8c8d] no-underline "
|
|
|
+ <a href="#" class="left-btn absolute left-15px w-24px h-24px top-15px text-[#7e8c8d] no-underline "
|
|
|
onclick="window.AndroidWebView.exit();"></a>
|
|
|
- <a
|
|
|
-href="#"
|
|
|
+ <a href="#"
|
|
|
class="right-btn upgrade_btn absolute right-15px w-24px h-24px top-15px text-[#7e8c8d] no-underline"
|
|
|
@click="changeUpdateShow"></a>
|
|
|
</div>
|
|
|
|
|
|
- <div
|
|
|
-class="slider-wrapper header-detail w-full py-0 pr-0px pl-38px
|
|
|
+ <div class="slider-wrapper header-detail w-full py-0 pr-0px pl-38px
|
|
|
sm480:mt-20px sm480:pt-20px sm480:pr-38px sm480:pb-0 sm480:pl-35px
|
|
|
sm550:mt-20px sm750:mt-50px flex justify-around items-center h-auto ">
|
|
|
<div class="pic flex justify-around items-center w-[30%]">
|
|
@@ -133,35 +123,29 @@ class="slider-wrapper header-detail w-full py-0 pr-0px pl-38px
|
|
|
v-show="language">
|
|
|
{{ info.renewal_discount_month_des}}
|
|
|
</div>
|
|
|
- <div
|
|
|
-v-show="!language"
|
|
|
+ <div v-show="!language"
|
|
|
class="badge-year w-full h-20px rounded-20px text-[10px] text-[#fff] leading-[20px]">
|
|
|
{{ info.discount }}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-show="index === 2" class="discount-badge w-[60%] absolute right-0 top-[-8px] z-88">
|
|
|
- <div
|
|
|
-v-show="language"
|
|
|
+ <div v-show="language"
|
|
|
class="badge-year w-full h-20px rounded-20px text-[10px] text-[#fff] leading-[20px]">
|
|
|
仅¥{{ Math.ceil((items.price / 12) * 10) / 10 }}/月
|
|
|
</div>
|
|
|
- <div
|
|
|
-v-show="!language"
|
|
|
+ <div v-show="!language"
|
|
|
class="badge-year w-full h-20px rounded-20px text-[10px] text-[#fff] leading-[20px]">
|
|
|
{{ info.discount }}
|
|
|
</div>
|
|
|
</div>
|
|
|
- <span
|
|
|
-id="34"
|
|
|
+ <span id="34"
|
|
|
class="item flex flex-col w-full h-94px min-h-92px rounded-4px border border-solid border-gray-[#dadada] relative "
|
|
|
:class="{ active: index === isactive }">
|
|
|
- <span
|
|
|
-v-show="index === 0"
|
|
|
+ <span v-show="index === 0"
|
|
|
class="month inline-block w-full mt-15px leading-[12px] text-[#333] text-[12px] text-center">
|
|
|
{{ parseInt(items.period) }}{{ info.month }}
|
|
|
</span>
|
|
|
- <span
|
|
|
-v-show="index !== 0"
|
|
|
+ <span v-show="index !== 0"
|
|
|
class="month inline-block w-full mt-15px leading-[12px] text-[#333] text-[12px] text-center">
|
|
|
{{ parseInt(items.period) }}{{ info.months }}
|
|
|
</span>
|
|
@@ -170,13 +154,11 @@ v-show="index !== 0"
|
|
|
<span class="num text-[22px] font-bold inline-block ">{{ items.price }}</span>
|
|
|
</div>
|
|
|
<!---->
|
|
|
- <span
|
|
|
-v-show="index == 0"
|
|
|
+ <span v-show="index == 0"
|
|
|
class="sale mt-8px text-[10px] leading-[10px] text-[#00000066] line-through">
|
|
|
¥{{ parseInt(items.marketPrice / 10) * 10 }}
|
|
|
</span>
|
|
|
- <span
|
|
|
-v-show="index == 2 && isVIP"
|
|
|
+ <span v-show="index == 2 && isVIP"
|
|
|
class="sale mt-8px text-[10px] leading-[10px] text-[#00000066] line-through">
|
|
|
¥{{ parseInt(items.marketPrice / 10) * 10 }}
|
|
|
</span>
|
|
@@ -220,8 +202,7 @@ v-show="index == 2 && isVIP"
|
|
|
</div>
|
|
|
<div class="content-cell flex justify-between items-center">
|
|
|
<div class="img-item">
|
|
|
- <img
|
|
|
-src="http://cn-file.17pdf.com/website/pricings/v2/pic_members_removeads.png" alt=""
|
|
|
+ <img src="http://cn-file.17pdf.com/website/pricings/v2/pic_members_removeads.png" alt=""
|
|
|
class="w-120px h-104px">
|
|
|
</div>
|
|
|
<div class="text-item flex-1 align-left ml-36px">
|
|
@@ -233,8 +214,7 @@ src="http://cn-file.17pdf.com/website/pricings/v2/pic_members_removeads.png" alt
|
|
|
</div>
|
|
|
<div class="content-cell reverse flex justify-between items-center flex-row-reverse my-44px mx-0 ">
|
|
|
<div class="img-item">
|
|
|
- <img
|
|
|
-src="http://cn-file.17pdf.com/website/pricings/member_fuction_pic_trans.png" alt=""
|
|
|
+ <img src="http://cn-file.17pdf.com/website/pricings/member_fuction_pic_trans.png" alt=""
|
|
|
class="w-120px h-104px">
|
|
|
</div>
|
|
|
<div class="text-item flex-1 align-left mr-36px">
|
|
@@ -294,8 +274,7 @@ v-show="inApp && isLogin && isVIP" status="0"
|
|
|
</span>
|
|
|
<p class="shut absolute bottom-[-72px] left-[50%] ml-[-15px]">
|
|
|
<span class="inline-block" @click="changeNotShow">
|
|
|
- <img
|
|
|
-src="http://cn-file.17pdf.com/website/pricings/v2/member_pic_pop_close.png" width="31" alt=""
|
|
|
+ <img src="http://cn-file.17pdf.com/website/pricings/v2/member_pic_pop_close.png" width="31" alt=""
|
|
|
class="align-middle">
|
|
|
</span>
|
|
|
</p>
|
|
@@ -310,8 +289,7 @@ src="http://cn-file.17pdf.com/website/pricings/v2/member_pic_pop_close.png" widt
|
|
|
<div v-show="updateShow" class="static_body absolute left-0 top-0 w-full h-full z-100 ">
|
|
|
<div data-role="header" class="header fixed h-53px w-full bg-[#fff] z-101">
|
|
|
<a href="#" class="upgrade_back_btn text-[#7e8c8d] no-underline" @click="changeUpdateShow">
|
|
|
- <img
|
|
|
-src="http://cn-file.17pdf.com/website/pricings/back_white.png"
|
|
|
+ <img src="http://cn-file.17pdf.com/website/pricings/back_white.png"
|
|
|
class="absolute mt-15px ml-15px w-24px h-24px">
|
|
|
</a>
|
|
|
<h1 v-show="language" class="zh m-0 text-center text-[#999] p-0 h-full leading-[54px] text-[18px]">会员制度升级
|
|
@@ -319,8 +297,7 @@ src="http://cn-file.17pdf.com/website/pricings/back_white.png"
|
|
|
<h1 v-show="!language" class="en m-0 text-center text-[#999] p-0 h-full leading-[54px] text-[18px]">New
|
|
|
Membership -- 17Member</h1>
|
|
|
</div>
|
|
|
- <div
|
|
|
-v-show="language"
|
|
|
+ <div v-show="language"
|
|
|
class="content zh text-[14px] text-[#333] leading-[22px] bg-[#fff] pt-70px px-16px pb-16px" style="height: 100%;">
|
|
|
<h3 class="text-[14px] leading-[1.1] font-nrmal mt-30px mx-0 mb-10px">会员制度升级说明:</h3>
|
|
|
<p>1,17会员为付费会员,区别于免费用户,免费用户仍享有赠送10券的优惠政策;</p>
|
|
@@ -331,8 +308,7 @@ v-show="language"
|
|
|
<p>5,如对新会员政策有任何疑问请联系客服QQ:2231070118。</p>
|
|
|
</div>
|
|
|
|
|
|
- <div
|
|
|
-v-show="!language"
|
|
|
+ <div v-show="!language"
|
|
|
class="content en text-[14px] text-[#333] leading-[22px] bg-[#fff] pt-70px px-16px pb-16px" style="height: 100%;">
|
|
|
<h3 class="text-[14px] leading-[1.1] font-nrmal mt-30px mx-0 mb-10px">Notice about new membership:</h3>
|
|
|
<p>1, 17Member is the paid member leveled by month, quarter and year, which is different from free user;</p>
|
|
@@ -355,8 +331,7 @@ v-show="!language"
|
|
|
<div v-show="serveShow" class="static_body absolute left-0 top-0 w-full h-full z-100">
|
|
|
<div data-role="header" class="header fixed h-53px w-full bg-[#fff] z-101">
|
|
|
<a href="#" class="service_back_btn text-[#7e8c8d] no-underline" @click="changeServeShow">
|
|
|
- <img
|
|
|
-src="http://cn-file.17pdf.com/website/pricings/back_white.png"
|
|
|
+ <img src="http://cn-file.17pdf.com/website/pricings/back_white.png"
|
|
|
class="absolute mt-15px ml-15px w-24px h-24px">
|
|
|
</a>
|
|
|
<h1 v-show="language" class="zh m-0 text-center text-[#999] p-0 h-full leading-[54px] text-[18px]">服务协议</h1>
|
|
@@ -364,8 +339,7 @@ src="http://cn-file.17pdf.com/website/pricings/back_white.png"
|
|
|
Service</h1>
|
|
|
</div>
|
|
|
<!-- 中文 -->
|
|
|
- <div
|
|
|
-v-show="language"
|
|
|
+ <div v-show="language"
|
|
|
class="content zh text-[14px] text-[#333] leading-[22px] bg-[#fff] pt-70px px-16px pb-16px">
|
|
|
<p>有效日期自2017年5月16日起</p>
|
|
|
<p>感谢使用PDF Reader(17PDF Reader)产品与相关服务。</p>
|
|
@@ -479,8 +453,7 @@ v-show="language"
|
|
|
|
|
|
</div>
|
|
|
<!-- 英文 -->
|
|
|
- <div
|
|
|
-v-show="!language"
|
|
|
+ <div v-show="!language"
|
|
|
class="content en text-[14px] text-[#333] leading-[22px] bg-[#fff] pt-70px px-16px pb-16px">
|
|
|
<p>Effective as from 05/16/2017</p>
|
|
|
<p>Thank you for using Plus Cloud.</p>
|
|
@@ -724,16 +697,14 @@ v-show="!language"
|
|
|
<div v-show="privacyShow" class="static_body absolute left-0 top-0 w-full h-full z-100">
|
|
|
<div data-role="header" class="header fixed h-53px w-full bg-[#fff] z-101">
|
|
|
<a href="#" class="policy_back_btn text-[#7e8c8d] no-underline" @click="changePrivacyShow">
|
|
|
- <img
|
|
|
-src="http://cn-file.17pdf.com/website/pricings/back_white.png"
|
|
|
+ <img src="http://cn-file.17pdf.com/website/pricings/back_white.png"
|
|
|
class="absolute mt-15px ml-15px w-24px h-24px">
|
|
|
</a>
|
|
|
<h1 v-show="language" class="zh m-0 text-center text-[#999] p-0 h-full leading-[54px] text-[18px]">隐私政策</h1>
|
|
|
<h1 v-show="!language" class="en m-0 text-center text-[#999] p-0 h-full leading-[54px] text-[18px]">
|
|
|
Privacy Policy</h1>
|
|
|
</div>
|
|
|
- <div
|
|
|
-v-show="language"
|
|
|
+ <div v-show="language"
|
|
|
class="content zh text-[14px] text-[#333] leading-[22px] bg-[#fff] pt-70px px-16px pb-16px">
|
|
|
<div class="date mb-20px text-right">
|
|
|
<div>更新日期:2022年10月20日</div>
|
|
@@ -1196,8 +1167,7 @@ href="https://render.alipay.com/p/c/k2cx0tg8" rel="nofollow"
|
|
|
<p><b>备注:</b>共同适用于 PDF Reader、17PDF阅读器</p>
|
|
|
</div>
|
|
|
|
|
|
- <div
|
|
|
-v-show="!language"
|
|
|
+ <div v-show="!language"
|
|
|
class="content en text-[14px] text-[#333] leading-[22px] bg-[#fff] pt-70px px-16px pb-16px">
|
|
|
<div class="date">
|
|
|
<div>Updated at: October 20, 2022</div>
|