diff --git a/src/assets/images/starProcess/GG-level-img.png b/src/assets/images/starProcess/GG-level-img.png new file mode 100644 index 000000000..f9a798c95 Binary files /dev/null and b/src/assets/images/starProcess/GG-level-img.png differ diff --git a/src/assets/images/starProcess/SG-level-img.png b/src/assets/images/starProcess/SG-level-img.png new file mode 100644 index 000000000..c49ebe2b8 Binary files /dev/null and b/src/assets/images/starProcess/SG-level-img.png differ diff --git a/src/assets/images/starProcess/cumulative-number-img.png b/src/assets/images/starProcess/cumulative-number-img.png new file mode 100644 index 000000000..9818919f5 Binary files /dev/null and b/src/assets/images/starProcess/cumulative-number-img.png differ diff --git a/src/assets/images/starProcess/security-fund-img.png b/src/assets/images/starProcess/security-fund-img.png new file mode 100644 index 000000000..15553b217 Binary files /dev/null and b/src/assets/images/starProcess/security-fund-img.png differ diff --git a/src/assets/images/starProcess/service-number-img.png b/src/assets/images/starProcess/service-number-img.png new file mode 100644 index 000000000..79a6efb9b Binary files /dev/null and b/src/assets/images/starProcess/service-number-img.png differ diff --git a/src/main.js b/src/main.js index f52993a2e..b1486b150 100644 --- a/src/main.js +++ b/src/main.js @@ -15,7 +15,6 @@ import md5 from 'js-md5' import cryptoJs from 'crypto-js' import cacheUtils from '@/assets/js/utils/cacheUtils' import animated from 'animate.css' -import VueTouch from 'vue-touch' import { Cell, @@ -67,7 +66,6 @@ Vue.use(List) Vue.use(VanImage) Vue.use(Sticky) Vue.use(animated) -Vue.use(VueTouch, {name: 'v-touch'}) Vue.prototype.$assetsUrl = config.assetsUrl Vue.prototype.$assetsUpUrl = config.assetsUpUrl diff --git a/src/views/ebiz/laurelClub/StarProcess.vue b/src/views/ebiz/laurelClub/StarProcess.vue index 39b4340a1..814204436 100644 --- a/src/views/ebiz/laurelClub/StarProcess.vue +++ b/src/views/ebiz/laurelClub/StarProcess.vue @@ -57,9 +57,34 @@
-
- +
+
+ + 桂冠级别已达5 +
+
+ + 双冠级别已达5 +
+
+ + 当前服务客户数量已达5人/位 +
+
+ + 累计为5位客户送去保障 +
+
+ + 客户保障金额达5万元 +
+ @@ -85,6 +110,12 @@ import fireworksLeftImg from '@/assets/images/starProcess/fireworks-left-img.png import fireworksRightTopImg from '@/assets/images/starProcess/fireworks-right-top-img.png' import fireworksRightDownImg from '@/assets/images/starProcess/fireworks-right-down-img.png' import runnerReticularImg from '@/assets/images/starProcess/runner-reticular-img.png' +// 第五页中使用到的图片路径 +import GGLevelImg from '@/assets/images/starProcess/GG-level-img.png' +import SGLevelImg from '@/assets/images/starProcess/SG-level-img.png' +import serviceNumberImg from '@/assets/images/starProcess/service-number-img.png' +import cumulativeNumberImg from '@/assets/images/starProcess/cumulative-number-img.png' +import securityFundImg from '@/assets/images/starProcess/security-fund-img.png' export default { name: 'starProcess', @@ -104,7 +135,8 @@ export default { fireworksRightTopImg, fireworksRightDownImg, runnerReticularImg - } + }, + fifthPageImgObj: { GGLevelImg, SGLevelImg, serviceNumberImg, cumulativeNumberImg, securityFundImg } } }, mounted() { @@ -271,7 +303,68 @@ export default { .crown-group-img { width: 207px; height: 283px; - float: right; + //float: right; + position: relative; + left: 45%; + } + + .content-div { + + + .global-style { + height: 35px; + display: flex; + align-items: center; + margin-left: 35px; + + .GG-level-img { + width: 35px; + height: 35px; + } + + .SG-level-img { + width: 35px; + height: 35px; + } + + .service-number-img { + width: 35px; + height: 35px; + } + + .cumulative-number-img { + width: 35px; + height: 35px; + --animate-duration: 4s; + } + + .security-fund-img { + width: 35px; + height: 35px; + --animate-duration: 5s; + } + + span { + font-size: 15px; + color: #ffffff; + margin-left: 13px; + letter-spacing: 1px; + font-weight: lighter; + display: block; + + strong { + padding-left: 10px; + padding-right: 10px; + color: #FFCB6B; + font-size: 25px; + font-weight: lighter; + } + } + } + + .global-style + .global-style { + margin-top: 25px; + } } .down-arrow-img {