|
|
@@ -21,86 +21,6 @@
|
|
|
|
|
|
<text class="section-title">选择套餐</text>
|
|
|
|
|
|
- <view v-if="isLifetimeSelected" class="benefit-lifetime-banner">
|
|
|
- <view class="benefit-lifetime-banner-head">
|
|
|
- <view class="benefit-lifetime-badge-wrap">
|
|
|
- <text class="benefit-lifetime-badge-text">尊享福利</text>
|
|
|
- </view>
|
|
|
- <view class="benefit-title-row benefit-title-row--banner">
|
|
|
- <text class="benefit-title-flank benefit-title-flank--banner">✦</text>
|
|
|
- <text class="benefit-title-text benefit-title-text--banner">终身买断福利</text>
|
|
|
- <text class="benefit-title-flank benefit-title-flank--banner">✦</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <text class="benefit-desc benefit-desc--banner">限时赠送价值 880元/年 的零售商城系统（终身免费）</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="pkg-list">
|
|
|
- <view
|
|
|
- class="pkg-full pkg-lifetime"
|
|
|
- :class="{ 'pkg-active': selectedKey === lt8800.key }"
|
|
|
- @click="selectPkg(lt8800)"
|
|
|
- >
|
|
|
- <view class="pkg-lifetime-ribbon">
|
|
|
- <text class="pkg-lifetime-ribbon-text">尊享终身</text>
|
|
|
- </view>
|
|
|
- <view class="pkg-full-main">
|
|
|
- <text class="pkg-full-title" :class="{ 'pkg-text-on-primary': selectedKey === lt8800.key }">
|
|
|
- 终身版 8800元
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- <text class="pkg-full-corner" :class="{ 'pkg-text-on-primary': selectedKey === lt8800.key }">1家店</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view
|
|
|
- class="pkg-full pkg-lifetime"
|
|
|
- :class="{ 'pkg-active': selectedKey === lt12800.key }"
|
|
|
- @click="selectPkg(lt12800)"
|
|
|
- >
|
|
|
- <view class="pkg-lifetime-ribbon">
|
|
|
- <text class="pkg-lifetime-ribbon-text">尊享终身</text>
|
|
|
- </view>
|
|
|
- <view class="pkg-full-main">
|
|
|
- <text class="pkg-full-title" :class="{ 'pkg-text-on-primary': selectedKey === lt12800.key }">
|
|
|
- 终身版 12800元
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- <text class="pkg-full-corner" :class="{ 'pkg-text-on-primary': selectedKey === lt12800.key }">2家店</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view
|
|
|
- class="pkg-full pkg-lifetime"
|
|
|
- :class="{ 'pkg-active': selectedKey === lt16800.key }"
|
|
|
- @click="selectPkg(lt16800)"
|
|
|
- >
|
|
|
- <view class="pkg-lifetime-ribbon">
|
|
|
- <text class="pkg-lifetime-ribbon-text">尊享终身</text>
|
|
|
- </view>
|
|
|
- <view class="pkg-full-main">
|
|
|
- <text class="pkg-full-title" :class="{ 'pkg-text-on-primary': selectedKey === lt16800.key }">
|
|
|
- 终身版 16800元
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- <text class="pkg-full-corner" :class="{ 'pkg-text-on-primary': selectedKey === lt16800.key }">3家店</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view
|
|
|
- class="pkg-full pkg-lifetime"
|
|
|
- :class="{ 'pkg-active': selectedKey === lt23800.key }"
|
|
|
- @click="selectPkg(lt23800)"
|
|
|
- >
|
|
|
- <view class="pkg-lifetime-ribbon">
|
|
|
- <text class="pkg-lifetime-ribbon-text">尊享终身</text>
|
|
|
- </view>
|
|
|
- <view class="pkg-full-main">
|
|
|
- <text class="pkg-full-title" :class="{ 'pkg-text-on-primary': selectedKey === lt23800.key }">
|
|
|
- 终身版 23800元
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- <text class="pkg-full-corner" :class="{ 'pkg-text-on-primary': selectedKey === lt23800.key }">5家店</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
<view class="pkg-year-section">
|
|
|
<text class="pkg-year-section-title">按年续费</text>
|
|
|
<view class="pkg-row-double">
|
|
|
@@ -127,13 +47,77 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <view v-if="isYearSelected" class="benefit-box benefit-box--year">
|
|
|
- <text class="benefit-year-line">没有送价值 880元/年 的零售商城会员系统</text>
|
|
|
- <text class="benefit-year-line benefit-year-line-second">每年需要另外付费购买</text>
|
|
|
+ <view class="pkg-lifetime-section">
|
|
|
+ <text class="pkg-year-section-title">按套餐续费</text>
|
|
|
+ <view class="pkg-list">
|
|
|
+ <view
|
|
|
+ class="pkg-full pkg-lifetime"
|
|
|
+ :class="{ 'pkg-active': selectedKey === lt8800.key }"
|
|
|
+ @click="selectPkg(lt8800)"
|
|
|
+ >
|
|
|
+ <view class="pkg-lifetime-ribbon">
|
|
|
+ <text class="pkg-lifetime-ribbon-text">尊享终身</text>
|
|
|
+ </view>
|
|
|
+ <view class="pkg-full-main">
|
|
|
+ <text class="pkg-full-title" :class="{ 'pkg-text-on-primary': selectedKey === lt8800.key }">
|
|
|
+ 终身版 8800元
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <text class="pkg-full-corner" :class="{ 'pkg-text-on-primary': selectedKey === lt8800.key }">1家店</text>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view
|
|
|
+ class="pkg-full pkg-lifetime"
|
|
|
+ :class="{ 'pkg-active': selectedKey === lt12800.key }"
|
|
|
+ @click="selectPkg(lt12800)"
|
|
|
+ >
|
|
|
+ <view class="pkg-lifetime-ribbon">
|
|
|
+ <text class="pkg-lifetime-ribbon-text">尊享终身</text>
|
|
|
+ </view>
|
|
|
+ <view class="pkg-full-main">
|
|
|
+ <text class="pkg-full-title" :class="{ 'pkg-text-on-primary': selectedKey === lt12800.key }">
|
|
|
+ 终身版 12800元
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <text class="pkg-full-corner" :class="{ 'pkg-text-on-primary': selectedKey === lt12800.key }">2家店</text>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view
|
|
|
+ class="pkg-full pkg-lifetime"
|
|
|
+ :class="{ 'pkg-active': selectedKey === lt16800.key }"
|
|
|
+ @click="selectPkg(lt16800)"
|
|
|
+ >
|
|
|
+ <view class="pkg-lifetime-ribbon">
|
|
|
+ <text class="pkg-lifetime-ribbon-text">尊享终身</text>
|
|
|
+ </view>
|
|
|
+ <view class="pkg-full-main">
|
|
|
+ <text class="pkg-full-title" :class="{ 'pkg-text-on-primary': selectedKey === lt16800.key }">
|
|
|
+ 终身版 16800元
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <text class="pkg-full-corner" :class="{ 'pkg-text-on-primary': selectedKey === lt16800.key }">3家店</text>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view
|
|
|
+ class="pkg-full pkg-lifetime"
|
|
|
+ :class="{ 'pkg-active': selectedKey === lt23800.key }"
|
|
|
+ @click="selectPkg(lt23800)"
|
|
|
+ >
|
|
|
+ <view class="pkg-lifetime-ribbon">
|
|
|
+ <text class="pkg-lifetime-ribbon-text">尊享终身</text>
|
|
|
+ </view>
|
|
|
+ <view class="pkg-full-main">
|
|
|
+ <text class="pkg-full-title" :class="{ 'pkg-text-on-primary': selectedKey === lt23800.key }">
|
|
|
+ 终身版 23800元
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <text class="pkg-full-corner" :class="{ 'pkg-text-on-primary': selectedKey === lt23800.key }">5家店</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<view class="price-notice-tip">
|
|
|
- <text>以上报价已是底价，请勿重复咨询能否优惠。软件研发成本以千万计，以上价格已经是白菜价、良心价。谢谢理解。</text>
|
|
|
+ <text>以上报价已是底价，请勿重复咨询能否优惠。软件研发成本上千万，以上价格已经是白菜价、良心价。谢谢理解。</text>
|
|
|
</view>
|
|
|
|
|
|
<view class="buy-wrap">
|
|
|
@@ -157,7 +141,7 @@ export default {
|
|
|
hasRenew:0,
|
|
|
renewType:0,
|
|
|
remark:'',
|
|
|
- selectedKey: 'lt8800',
|
|
|
+ selectedKey: 'y1',
|
|
|
lt8800: { key: 'lt8800', category: 'lifetime', renewType: 1, renewPrice: 8800 },
|
|
|
y1: { key: 'y1', category: 'year', renewType: 0, renewPrice: 0 },
|
|
|
y5: { key: 'y5', category: 'year', renewType: 1, renewPrice: 7900 },
|
|
|
@@ -183,18 +167,6 @@ export default {
|
|
|
const p = m[this.selectedKey]
|
|
|
return p && p.category === 'lifetime'
|
|
|
},
|
|
|
- isYearSelected() {
|
|
|
- const m = {
|
|
|
- lt8800: this.lt8800,
|
|
|
- y1: this.y1,
|
|
|
- y5: this.y5,
|
|
|
- lt12800: this.lt12800,
|
|
|
- lt16800: this.lt16800,
|
|
|
- lt23800: this.lt23800,
|
|
|
- }
|
|
|
- const p = m[this.selectedKey]
|
|
|
- return p && p.category === 'year'
|
|
|
- },
|
|
|
renewAfterDeadlineDisplay() {
|
|
|
if (this.isLifetimeSelected) {
|
|
|
return '永久有效'
|
|
|
@@ -279,7 +251,7 @@ export default {
|
|
|
that.$msg('小程序配置缺失')
|
|
|
return
|
|
|
}
|
|
|
- const miniPath = '/admin/shop/renew?selectedKey=' + encodeURIComponent(that.selectedKey || 'lt8800')
|
|
|
+ const miniPath = '/admin/shop/renew?selectedKey=' + encodeURIComponent(that.selectedKey || 'y1')
|
|
|
const miniType = process.env.NODE_ENV === 'development' ? 2 : 0
|
|
|
plus.share.getServices(function(services) {
|
|
|
let sweixin = null
|
|
|
@@ -529,8 +501,9 @@ export default {
|
|
|
color: #ffffff !important;
|
|
|
}
|
|
|
|
|
|
-.pkg-year-section {
|
|
|
- margin-top: 24upx;
|
|
|
+.pkg-year-section,
|
|
|
+.pkg-lifetime-section {
|
|
|
+ margin-top: 0;
|
|
|
padding: 20upx 18upx 18upx;
|
|
|
background: #fafbfc;
|
|
|
border-radius: 16upx;
|
|
|
@@ -539,6 +512,14 @@ export default {
|
|
|
border-color: #e5e7eb;
|
|
|
}
|
|
|
|
|
|
+.pkg-lifetime-section {
|
|
|
+ margin-top: 24upx;
|
|
|
+}
|
|
|
+
|
|
|
+.pkg-lifetime-section .pkg-list {
|
|
|
+ margin-top: 16upx;
|
|
|
+}
|
|
|
+
|
|
|
.pkg-year-section-title {
|
|
|
display: block;
|
|
|
font-size: 34upx;
|
|
|
@@ -617,132 +598,6 @@ export default {
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
|
|
|
-.benefit-lifetime-banner {
|
|
|
- margin-top: 10upx;
|
|
|
- margin-bottom: 28upx;
|
|
|
- padding: 26upx 24upx 30upx;
|
|
|
- border-radius: 20upx;
|
|
|
- background: linear-gradient(155deg, #dceaff 0%, #f6faff 35%, #fff9ee 100%);
|
|
|
- border-width: 3upx;
|
|
|
- border-style: solid;
|
|
|
- border-color: #3385ff;
|
|
|
- box-shadow: 0 14upx 40upx rgba(51, 133, 255, 0.28);
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.benefit-lifetime-banner-head {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.benefit-lifetime-badge-wrap {
|
|
|
- margin-bottom: 18upx;
|
|
|
- padding: 8upx 32upx;
|
|
|
- border-radius: 999upx;
|
|
|
- background: linear-gradient(90deg, #b8860b 0%, #daa520 45%, #c9a227 100%);
|
|
|
- border-width: 2upx;
|
|
|
- border-style: solid;
|
|
|
- border-color: rgba(90, 70, 20, 0.35);
|
|
|
-}
|
|
|
-
|
|
|
-.benefit-lifetime-badge-text {
|
|
|
- font-size: 24upx;
|
|
|
- font-weight: 800;
|
|
|
- color: #ffffff;
|
|
|
- letter-spacing: 6upx;
|
|
|
-}
|
|
|
-
|
|
|
-.benefit-title-row--banner {
|
|
|
- margin-bottom: 18upx;
|
|
|
-}
|
|
|
-
|
|
|
-.benefit-title-flank--banner {
|
|
|
- font-size: 26upx;
|
|
|
- color: #1d4ed8;
|
|
|
-}
|
|
|
-
|
|
|
-.benefit-title-text--banner {
|
|
|
- font-size: 37upx;
|
|
|
- font-weight: 800;
|
|
|
- color: #1e3a8a;
|
|
|
- letter-spacing: 2upx;
|
|
|
-}
|
|
|
-
|
|
|
-.benefit-desc--banner {
|
|
|
- display: block;
|
|
|
- font-size: 34upx;
|
|
|
- font-weight: 700;
|
|
|
- line-height: 46upx;
|
|
|
- color: #1e40af;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.benefit-box {
|
|
|
- margin-top: 28upx;
|
|
|
- padding: 28upx 24upx;
|
|
|
- border-radius: 16upx;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.benefit-title-row {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- margin-bottom: 16upx;
|
|
|
-}
|
|
|
-
|
|
|
-.benefit-title-flank {
|
|
|
- font-size: 22upx;
|
|
|
- color: #3385ff;
|
|
|
- margin-left: 12upx;
|
|
|
- margin-right: 12upx;
|
|
|
-
|
|
|
- &:first-child {
|
|
|
- margin-left: 0;
|
|
|
- }
|
|
|
-
|
|
|
- &:last-child {
|
|
|
- margin-right: 0;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.benefit-title-text {
|
|
|
- font-size: 37upx;
|
|
|
- font-weight: 700;
|
|
|
- color: #2563eb;
|
|
|
-}
|
|
|
-
|
|
|
-.benefit-desc {
|
|
|
- display: block;
|
|
|
- font-size: 34upx;
|
|
|
- font-weight:bold;
|
|
|
- line-height: 42upx;
|
|
|
- color: #2563eb;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.benefit-box--year {
|
|
|
- background: #f9fafb;
|
|
|
- border-width: 2upx;
|
|
|
- border-style: dashed;
|
|
|
- border-color: #d1d5db;
|
|
|
-}
|
|
|
-
|
|
|
-.benefit-year-line {
|
|
|
- display: block;
|
|
|
- font-size: 34upx;
|
|
|
- line-height: 40upx;
|
|
|
- color: red;
|
|
|
- font-weight:bold;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.benefit-year-line-second {
|
|
|
- margin-top: 12upx;
|
|
|
-}
|
|
|
-
|
|
|
.buy-wrap {
|
|
|
margin-top: 36upx;
|
|
|
display: flex;
|
