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 {