feat: 展示逻辑调整 & 样式优化

src/jfw/modules/app/src/web/templates/active/yearEndReport/index.html

@@ -74,7 +74,7 @@
                     </div>
                 </div>
             </div>
-             <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.registration_time">
                 <div class="slide-inner">
                     <div class="report-page page-2">
                         <div class="meet">
@@ -104,7 +104,7 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.total_days">
                 <div class="slide-inner">
                     <div class="report-page page-3">
                         <div class="usage-days">
@@ -131,7 +131,7 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.login_days">
                 <div class="slide-inner">
                     <div class="report-page page-4">
                         <div class="year">
@@ -152,7 +152,7 @@
                             <div class="big-four">
                                 <img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P4/big-four.png" alt="">
                             </div>
-                            <div class="text-2">
+                            <div class="text-2" v-show="pageInfo.active_days">
                                 <div class="night">
                                     <div class="big-day" animate-name="up" animate-delay="800" >有${pageInfo.active_days}天</div>
                                     <div class="ty" animate-name="up" animate-delay="900" >的深夜</div>
@@ -173,7 +173,7 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.focus_project.length">
                 <div class="slide-inner">
                     <div class="report-page page-5">
                         <div class="item">
@@ -203,7 +203,7 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.view_total">
                 <div class="slide-inner">
                     <div class="report-page page-6">
                         <div class="message">
@@ -243,14 +243,14 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.search_total">
                 <div class="slide-inner">
                     <div class="report-page page-7">
                         <div class="sum">
                             <div class="year" animate-name="up" animate-delay="200" >近一年</div>
                             <div class="you" animate-name="up" animate-delay="400" >你搜索了</div>
                             <div class="num" animate-name="up" animate-delay="600" >${pageInfo.search_total}次</div>
-                            <div class="xd-seven"><img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P7/xd-seven.png" alt=""></div>
+                            <div class="xd-seven"><img animate-name="show"  class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P7/xd-seven.png" alt=""></div>
                             <div class="text-bottom" animate-name="up" animate-delay="800" >求索力让你的成功触手可及</div>
                             <div class="btn-next">
                                 <div class="next-page"></div>
@@ -259,7 +259,7 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.follow_total">
                 <div class="slide-inner">
                     <div class="report-page page-8">
                         <div class="friend">
@@ -280,7 +280,28 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <!--5,6,7,8-->
+            <div class="swiper-slide" v-if="!isNewUser && isNullOf5678">
+                <div class="slide-inner">
+                    <div class="report-page page-5678-kong">
+                        <div class="sum">
+                            <div class="year" animate-name="up" animate-delay="200" >你可能是个慢热的人</div>
+                            <div class="you" animate-name="up" animate-delay="400" >这一年</div>
+                            <div class="num" animate-name="up" animate-delay="600" >还未有项目和企业成功引起你的关注</div>
+                            <div class="text" animate-name="up" animate-delay="800" >不急，未来会有的</div>
+                            <div class="xd-seven"><img animate-name="show" class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P7/xd-seven.png" alt=""></div>
+                            <div class="text-bottom" animate-name="up" animate-delay="900" >点击试用一下，会有惊喜</div>
+                            <div animate-name="up" animate-delay="1100" class="btn">
+                                <div class="go-button" @click="goResult">试用一下</div>
+                            </div>
+                            <div class="btn-next">
+                                <div class="next-page"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.active_month">
                 <div class="slide-inner">
                     <div class="report-page page-9">
                         <div class="mouth">
@@ -307,7 +328,7 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.industry_total">
                 <div class="slide-inner">
                     <div class="report-page page-10">
                         <div class="ten">
@@ -338,7 +359,41 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <!--9,10-->
+            <div class="swiper-slide" v-if="!isNewUser && isNullOf910">
+                <div class="slide-inner">
+                    <div class="report-page page-10-kong">
+                        <div class="ten">
+                            <div class="pao-ten">
+                                <img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P10/pao-ten.png" alt="">
+                            </div>
+                            <div class="fish-ten">
+                                <img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P10/fish-ten.png" alt="">
+                            </div>
+                            <div class="big-ten">
+                                <img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P10/big-ten.png" alt="">
+                            </div>
+                            <div class="sm-ten">
+                                <img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P10/sm-ten.png" alt="">
+                            </div>
+                            <p class="year" animate-name="up" animate-delay="200" >近一年</p>
+                            <div class="you" animate-name="up" animate-delay="400" >你的忙碌都有了收获</div>
+                            <div class="text-zg">
+                                <div animate-name="up" animate-delay="600" >通过及时的标讯信息</div>
+                                <div animate-name="up" animate-delay="800"  style="margin-top: 0.24rem;">找合作、找甲方、找商机</div>
+                            </div>
+                            <div class="text-bottom">
+                                <div class="text" animate-name="up" animate-delay="1000" >即使受到疫情影响</div>
+                                <div class="text" animate-name="up" animate-delay="1200" >依旧稳步向前</div>
+                            </div>
+                            <div class="btn-next">
+                                <div class="next-page"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.exp_list.length">
                 <div class="slide-inner">
                     <div class="report-page page-11">
                         <div class="eleven">
@@ -369,7 +424,36 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && isNullOf11">
+                <div class="slide-inner">
+                    <div class="report-page page-11-kong">
+                        <div class="eleven">
+                            <div class="ball-eleven">
+                                <img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P11/ball-eleven.png" alt="">
+                            </div>
+                            <div class="fish-eleven">
+                                <img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P11/fish-eleven.png" alt="">
+                            </div>
+                            <p class="year" animate-name="up" animate-delay="200" >近一年</p>
+                            <div class="you" animate-name="up" animate-delay="400" >剑鱼产品不断迭代</div>
+                            <div class="list" animate-name="up" animate-delay="600" >
+                                <p>超级订阅V4.0</p>
+                                <p>大会员V2.0</p>
+                                <p>数据流量包</p>
+                                <p>......</p>
+                            </div>
+                            <div class="text" animate-name="up" animate-delay="800" >期待您有更好的体验</div>
+                            <div animate-name="up" animate-delay="1100" class="btn">
+                                <div class="go-button" @click="goResult">试用一下</div>
+                            </div>
+                            <div class="btn-next">
+                                <div class="next-page"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="swiper-slide" v-if="!isNewUser">
                 <div class="slide-inner">
                     <div class="report-page page-12">
                         <div class="twelve">
@@ -399,7 +483,7 @@
                 </div>
             </div>
             <!-- 新用户 -->
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="isNewUser">
                 <div class="slide-inner">
                     <div class="report-page page-new-0">
                         <div class="new-zero">
@@ -434,88 +518,6 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
-                <div class="slide-inner">
-                    <div class="report-page page-5678-kong">
-                        <div class="sum">
-                            <div class="year" animate-name="up" animate-delay="200" >你可能是个慢热的人</div>
-                            <div class="you" animate-name="up" animate-delay="400" >这一年</div>
-                            <div class="num" animate-name="up" animate-delay="600" >还未有项目和企业成功引起你的关注</div>
-                            <div class="text" animate-name="up" animate-delay="800" >不急，未来会有的</div>
-                            <div class="xd-seven"><img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P7/xd-seven.png" alt=""></div>
-                            <div class="text-bottom" animate-name="up" animate-delay="900" >点击试用一下，会有惊喜</div>
-                            <div animate-name="up" animate-delay="1100" class="btn">
-                                <div class="go-button" @click="goResult">试用一下</div>
-                            </div>
-                            <div class="btn-next">
-                                <div class="next-page"></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="swiper-slide">
-                <div class="slide-inner">
-                    <div class="report-page page-10-kong">
-                        <div class="ten">
-                            <div class="pao-ten">
-                                <img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P10/pao-ten.png" alt="">
-                            </div>
-                            <div class="fish-ten">
-                                <img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P10/fish-ten.png" alt="">
-                            </div>
-                            <div class="big-ten">
-                                <img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P10/big-ten.png" alt="">
-                            </div>
-                            <div class="sm-ten">
-                                <img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P10/sm-ten.png" alt="">
-                            </div>
-                            <p class="year" animate-name="up" animate-delay="200" >近一年</p>
-                            <div class="you" animate-name="up" animate-delay="400" >你的忙碌都有了收获</div>
-                            <div class="text-zg">
-                                <div animate-name="up" animate-delay="600" >通过及时的标讯信息</div>
-                                <div animate-name="up" animate-delay="800"  style="margin-top: 0.24rem;">找合作、找甲方、找商机</div>
-                            </div>
-                            <div class="text-bottom">
-                                <div class="text" animate-name="up" animate-delay="1000" >即使受到疫情影响</div>
-                                <div class="text" animate-name="up" animate-delay="1200" >依旧稳步向前</div>
-                            </div>
-                            <div class="btn-next">
-                                <div class="next-page"></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="swiper-slide">
-                <div class="slide-inner">
-                    <div class="report-page page-11-kong">
-                        <div class="eleven">
-                            <div class="ball-eleven">
-                                <img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P11/ball-eleven.png" alt="">
-                            </div>
-                            <div class="fish-eleven">
-                                <img class="swiper-lazy" data-src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/yearEndReport/images/P11/fish-eleven.png" alt="">
-                            </div>
-                            <p class="year" animate-name="up" animate-delay="200" >近一年</p>
-                            <div class="you" animate-name="up" animate-delay="400" >剑鱼产品不断迭代</div>
-                            <div class="list" animate-name="up" animate-delay="600" >
-                                <p>超级订阅V4.0</p>
-                                <p>大会员V2.0</p>
-                                <p>数据流量包</p>
-                                <p>......</p>
-                            </div>
-                            <div class="text" animate-name="up" animate-delay="800" >期待您有更好的体验</div>
-                            <div animate-name="up" animate-delay="1100" class="btn">
-                                <div class="go-button" @click="goResult">试用一下</div>
-                            </div>
-                            <div class="btn-next">
-                                <div class="next-page"></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
         </div>
     </div>
 </div>

src/web/staticres/common-module/yearEndReport/js/index.js

@@ -193,6 +193,20 @@ var vPage = new Vue({
             return dateTime(value * 1000, 'yyyy年MM月dd日')
         }
     },
+    computed: {
+        isNewUser: function () {
+            return this.pageInfo.is_new
+        },
+        isNullOf5678: function () {
+            return this.pageInfo.focus_project.length === 0 && this.pageInfo.view_total <=0 && this.pageInfo.search_total <= 0 && this.pageInfo.follow_total <= 0
+        },
+        isNullOf910: function () {
+            return this.pageInfo.active_month <= 0 && this.pageInfo.industry_total <= 0
+        },
+        isNullOf11: function () {
+            return this.pageInfo.exp_list.length === 0
+        }
+    },
     mounted: function () {
         initPlayMusic()
         initSwiper.bind(this)()
@@ -211,6 +225,10 @@ var vPage = new Vue({
                     console.log(res)
                     if (res && res.error_msg === '' && res.data) {
                         _this.pageInfo = res.data
+                        _this.$swiper.updateSlides()
+                        _this.$nextTick(function () {
+                            _this.$swiper.updateSlides()
+                        })
                     }
                 },
                 error: function () {
@@ -244,6 +262,10 @@ var vPage = new Vue({
                     }
                     if (res && res.error_msg === '' && res.data) {
                         _this.pageInfo = res.data
+                        _this.$swiper.updateSlides()
+                        _this.$nextTick(function () {
+                            _this.$swiper.updateSlides()
+                        })
                     }
                 }
             })

src/web/templates/active/yearEndReport/index.html

@@ -74,7 +74,7 @@
                     </div>
                 </div>
             </div>
-             <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.registration_time">
                 <div class="slide-inner">
                     <div class="report-page page-2">
                         <div class="meet">
@@ -104,7 +104,7 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.total_days">
                 <div class="slide-inner">
                     <div class="report-page page-3">
                         <div class="usage-days">
@@ -131,7 +131,7 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.login_days">
                 <div class="slide-inner">
                     <div class="report-page page-4">
                         <div class="year">
@@ -152,7 +152,7 @@
                             <div class="big-four">
                                 <img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P4/big-four.png" alt="">
                             </div>
-                            <div class="text-2">
+                            <div class="text-2" v-show="pageInfo.active_days">
                                 <div class="night">
                                     <div class="big-day" animate-name="up" animate-delay="800" >有${pageInfo.active_days}天</div>
                                     <div class="ty" animate-name="up" animate-delay="900" >的深夜</div>
@@ -173,7 +173,7 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.focus_project.length">
                 <div class="slide-inner">
                     <div class="report-page page-5">
                         <div class="item">
@@ -203,7 +203,7 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.view_total">
                 <div class="slide-inner">
                     <div class="report-page page-6">
                         <div class="message">
@@ -241,7 +241,7 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.search_total">
                 <div class="slide-inner">
                     <div class="report-page page-7">
                         <div class="sum">
@@ -257,7 +257,7 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.follow_total">
                 <div class="slide-inner">
                     <div class="report-page page-8">
                         <div class="friend">
@@ -278,7 +278,28 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <!--5,6,7,8-->
+            <div class="swiper-slide" v-if="!isNewUser && isNullOf5678">
+                <div class="slide-inner">
+                    <div class="report-page page-5678-kong">
+                        <div class="sum">
+                            <div class="year" animate-name="up" animate-delay="200" >你可能是个慢热的人</div>
+                            <div class="you" animate-name="up" animate-delay="400" >这一年</div>
+                            <div class="num" animate-name="up" animate-delay="600" >还未有项目和企业成功引起你的关注</div>
+                            <div class="text" animate-name="up" animate-delay="800" >不急，未来会有的</div>
+                            <div class="xd-seven"><img animate-name="show"  class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P7/xd-seven.png" alt=""></div>
+                            <div class="text-bottom" animate-name="up" animate-delay="900" >点击试用一下，会有惊喜</div>
+                            <div animate-name="up" animate-delay="1100" class="btn">
+                                <div class="go-button" @click="goResult">试用一下</div>
+                            </div>
+                            <div class="btn-next">
+                                <div class="next-page"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.active_month">
                 <div class="slide-inner">
                     <div class="report-page page-9">
                         <div class="mouth">
@@ -305,7 +326,7 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.industry_total">
                 <div class="slide-inner">
                     <div class="report-page page-10">
                         <div class="ten">
@@ -336,7 +357,41 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <!--9,10-->
+            <div class="swiper-slide" v-if="!isNewUser && isNullOf910">
+                <div class="slide-inner">
+                    <div class="report-page page-10-kong">
+                        <div class="ten">
+                            <div class="pao-ten">
+                                <img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P10/pao-ten.png" alt="">
+                            </div>
+                            <div class="fish-ten">
+                                <img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P10/fish-ten.png" alt="">
+                            </div>
+                            <div class="big-ten">
+                                <img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P10/big-ten.png" alt="">
+                            </div>
+                            <div class="sm-ten">
+                                <img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P10/sm-ten.png" alt="">
+                            </div>
+                            <p class="year" animate-name="up" animate-delay="200" >近一年</p>
+                            <div class="you" animate-name="up" animate-delay="400" >你的忙碌都有了收获</div>
+                            <div class="text-zg">
+                                <div animate-name="up" animate-delay="600" >通过及时的标讯信息</div>
+                                <div animate-name="up" animate-delay="800"  style="margin-top: 0.24rem;">找合作、找甲方、找商机</div>
+                            </div>
+                            <div class="text-bottom">
+                                <div class="text" animate-name="up" animate-delay="1000" >即使受到疫情影响</div>
+                                <div class="text" animate-name="up" animate-delay="1200" >依旧稳步向前</div>
+                            </div>
+                            <div class="btn-next">
+                                <div class="next-page"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="swiper-slide" v-if="!isNewUser && pageInfo.exp_list.length">
                 <div class="slide-inner">
                     <div class="report-page page-11">
                         <div class="eleven">
@@ -367,7 +422,36 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="!isNewUser && isNullOf11">
+                <div class="slide-inner">
+                    <div class="report-page page-11-kong">
+                        <div class="eleven">
+                            <div class="ball-eleven">
+                                <img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P11/ball-eleven.png" alt="">
+                            </div>
+                            <div class="fish-eleven">
+                                <img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P11/fish-eleven.png" alt="">
+                            </div>
+                            <p class="year" animate-name="up" animate-delay="200" >近一年</p>
+                            <div class="you" animate-name="up" animate-delay="400" >剑鱼产品不断迭代</div>
+                            <div class="list" animate-name="up" animate-delay="600" >
+                                <p>超级订阅V4.0</p>
+                                <p>大会员V2.0</p>
+                                <p>数据流量包</p>
+                                <p>......</p>
+                            </div>
+                            <div class="text" animate-name="up" animate-delay="800" >期待您有更好的体验</div>
+                            <div animate-name="up" animate-delay="1100" class="btn">
+                                <div class="go-button" @click="goResult">试用一下</div>
+                            </div>
+                            <div class="btn-next">
+                                <div class="next-page"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="swiper-slide" v-if="!isNewUser">
                 <div class="slide-inner">
                     <div class="report-page page-12">
                         <div class="twelve">
@@ -397,7 +481,7 @@
                 </div>
             </div>
             <!-- 新用户 -->
-            <div class="swiper-slide">
+            <div class="swiper-slide" v-if="isNewUser">
                 <div class="slide-inner">
                     <div class="report-page page-new-0">
                         <div class="new-zero">
@@ -432,88 +516,6 @@
                     </div>
                 </div>
             </div>
-            <div class="swiper-slide">
-                <div class="slide-inner">
-                    <div class="report-page page-5678-kong">
-                        <div class="sum">
-                            <div class="year" animate-name="up" animate-delay="200" >你可能是个慢热的人</div>
-                            <div class="you" animate-name="up" animate-delay="400" >这一年</div>
-                            <div class="num" animate-name="up" animate-delay="600" >还未有项目和企业成功引起你的关注</div>
-                            <div class="text" animate-name="up" animate-delay="800" >不急，未来会有的</div>
-                            <div class="xd-seven"><img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P7/xd-seven.png" alt=""></div>
-                            <div class="text-bottom" animate-name="up" animate-delay="900" >点击试用一下，会有惊喜</div>
-                            <div animate-name="up" animate-delay="1100" class="btn">
-                                <div class="go-button" @click="goResult">试用一下</div>
-                            </div>
-                            <div class="btn-next">
-                                <div class="next-page"></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="swiper-slide">
-                <div class="slide-inner">
-                    <div class="report-page page-10-kong">
-                        <div class="ten">
-                            <div class="pao-ten">
-                                <img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P10/pao-ten.png" alt="">
-                            </div>
-                            <div class="fish-ten">
-                                <img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P10/fish-ten.png" alt="">
-                            </div>
-                            <div class="big-ten">
-                                <img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P10/big-ten.png" alt="">
-                            </div>
-                            <div class="sm-ten">
-                                <img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P10/sm-ten.png" alt="">
-                            </div>
-                            <p class="year" animate-name="up" animate-delay="200" >近一年</p>
-                            <div class="you" animate-name="up" animate-delay="400" >你的忙碌都有了收获</div>
-                            <div class="text-zg">
-                                <div animate-name="up" animate-delay="600" >通过及时的标讯信息</div>
-                                <div animate-name="up" animate-delay="800"  style="margin-top: 0.24rem;">找合作、找甲方、找商机</div>
-                            </div>
-                            <div class="text-bottom">
-                                <div class="text" animate-name="up" animate-delay="1000" >即使受到疫情影响</div>
-                                <div class="text" animate-name="up" animate-delay="1200" >依旧稳步向前</div>
-                            </div>
-                            <div class="btn-next">
-                                <div class="next-page"></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="swiper-slide">
-                <div class="slide-inner">
-                    <div class="report-page page-11-kong">
-                        <div class="eleven">
-                            <div class="ball-eleven">
-                                <img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P11/ball-eleven.png" alt="">
-                            </div>
-                            <div class="fish-eleven">
-                                <img class="swiper-lazy" data-src="{{Msg "seo" "cdn"}}/common-module/yearEndReport/images/P11/fish-eleven.png" alt="">
-                            </div>
-                            <p class="year" animate-name="up" animate-delay="200" >近一年</p>
-                            <div class="you" animate-name="up" animate-delay="400" >剑鱼产品不断迭代</div>
-                            <div class="list" animate-name="up" animate-delay="600" >
-                                <p>超级订阅V4.0</p>
-                                <p>大会员V2.0</p>
-                                <p>数据流量包</p>
-                                <p>......</p>
-                            </div>
-                            <div class="text" animate-name="up" animate-delay="800" >期待您有更好的体验</div>
-                            <div animate-name="up" animate-delay="1100" class="btn">
-                                <div class="go-button" @click="goResult">试用一下</div>
-                            </div>
-                            <div class="btn-next">
-                                <div class="next-page"></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
         </div>
     </div>
 </div>