|
|
@@ -0,0 +1,142 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <div id="app" class="theme1">
|
|
|
+ <div>
|
|
|
+ <div class="red">
|
|
|
+ <!-- <img id="firstImg" src="@/assets/filp/img/wKgCHmBAUiKAB8fDAAbCzSqoUDE455.png"-->
|
|
|
+ <!-- style="position: absolute; width: 0px; height: 0px; top: 0px; left: 0px; overflow: hidden;"-->
|
|
|
+ <!-- >-->
|
|
|
+ <div class="top">
|
|
|
+ <div class="nav">
|
|
|
+ <div class="nav-left"></div>
|
|
|
+ <div class="nav-mid"></div>
|
|
|
+ <div class="nav-right"></div>
|
|
|
+ </div>
|
|
|
+ <h3 class="title">学情报告</h3></div>
|
|
|
+ <div class="report-center">
|
|
|
+ <div class="center-bg">
|
|
|
+ <div class="center-bg-item">
|
|
|
+ <div class="bg-left"></div>
|
|
|
+ <div class="bg-right"></div>
|
|
|
+ <div class="bg-center"></div>
|
|
|
+ </div>
|
|
|
+ <div class="center-bg-item">
|
|
|
+ <div class="bg-left"></div>
|
|
|
+ <div class="bg-right"></div>
|
|
|
+ <div class="bg-center"></div>
|
|
|
+ </div>
|
|
|
+ <div class="center-bg-item">
|
|
|
+ <div class="bg-left"></div>
|
|
|
+ <div class="bg-right"></div>
|
|
|
+ <div class="bg-center"></div>
|
|
|
+ </div>
|
|
|
+ <div class="center-bg-item">
|
|
|
+ <div class="bg-left"></div>
|
|
|
+ <div class="bg-right"></div>
|
|
|
+ <div class="bg-center"></div>
|
|
|
+ </div>
|
|
|
+ <div class="center-bg-item">
|
|
|
+ <div class="bg-left"></div>
|
|
|
+ <div class="bg-right"></div>
|
|
|
+ <div class="bg-center"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="center-content">
|
|
|
+ <div class="center-content-row" >
|
|
|
+<!-- <div class="center-content-item">-->
|
|
|
+<!-- <div class="el-image" @click="goReportDemoOnline"><img src="@/assets/filp/img/wKgCHmBATfWARB1_ABR5HUuOgjc055.png"-->
|
|
|
+<!-- class="el-image__inner"-->
|
|
|
+<!-- ><!––></div>-->
|
|
|
+<!-- <div class="content-text">选科报告</div>-->
|
|
|
+<!-- </div>-->
|
|
|
+ <div class="center-content-item">
|
|
|
+ <div class="el-image" @click="goStudyReportDemoOnline"><img src="@/assets/filp/img/wKgCHmBATgaARm_yAAbCzSqoUDE090.png"
|
|
|
+ class="el-image__inner"
|
|
|
+ ><!----></div>
|
|
|
+ <div class="content-text">学情报告</div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="center-content-item">-->
|
|
|
+ <!-- <div class="el-image"><img src="@/assets/filp/img/wKgCHmBAThGAY7a0AAbXI4s64s0156.png"-->
|
|
|
+ <!-- class="el-image__inner"-->
|
|
|
+ <!-- ><!––></div>-->
|
|
|
+ <!-- <div class="content-text">数学</div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="center-content-item">-->
|
|
|
+ <!-- <div class="el-image"><img src="@/assets/filp/img/wKgCHmBAThuAJtOPAAbB3yEwvUE153.png"-->
|
|
|
+ <!-- class="el-image__inner"-->
|
|
|
+ <!-- ><!––></div>-->
|
|
|
+ <!-- <div class="content-text">英语</div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="center-content-item">-->
|
|
|
+ <!-- <div class="el-image"><img src="@/assets/filp/img/wKgCHmBATiyAKlBNAAbQ_6p9UPA825.png"-->
|
|
|
+ <!-- class="el-image__inner"-->
|
|
|
+ <!-- ><!––></div>-->
|
|
|
+ <!-- <div class="content-text">物理</div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="center-content-item">-->
|
|
|
+ <!-- <div class="el-image"><img src="@/assets/filp/img/wKgCHmBATkKACxsZAAa__dNf5V8677.png"-->
|
|
|
+ <!-- class="el-image__inner"-->
|
|
|
+ <!-- ><!––></div>-->
|
|
|
+ <!-- <div class="content-text">化学</div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="center-content-item">-->
|
|
|
+ <!-- <div class="el-image"><img src="@/assets/filp/img/wKgCHmBATkyAAfX4AAbCuaEOd-Y936.png"-->
|
|
|
+ <!-- class="el-image__inner"-->
|
|
|
+ <!-- ><!––></div>-->
|
|
|
+ <!-- <div class="content-text">生物</div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="center-content-item">-->
|
|
|
+ <!-- <div class="el-image"><img src="@/assets/filp/img/wKgCHmBATliARvLSAAbOtdnQ3GA561.png"-->
|
|
|
+ <!-- class="el-image__inner"-->
|
|
|
+ <!-- ><!––></div>-->
|
|
|
+ <!-- <div class="content-text">政治</div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="center-content-item">-->
|
|
|
+ <!-- <div class="el-image"><img src="@/assets/filp/img/wKgCHmBATmWAfgP6AAa9JkHaJSE114.png"-->
|
|
|
+ <!-- class="el-image__inner"-->
|
|
|
+ <!-- ><!––></div>-->
|
|
|
+ <!-- <div class="content-text">历史</div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- <div class="center-content-item">-->
|
|
|
+ <!-- <div class="el-image"><img src="@/assets/filp/img/wKgCHmBATnCAQqkHAAa1pkCK5CQ757.png"-->
|
|
|
+ <!-- class="el-image__inner"-->
|
|
|
+ <!-- ><!––></div>-->
|
|
|
+ <!-- <div class="content-text">地理</div>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="bottom"><span class="footer-num">10</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ivu-loading-bar" style="height: 2px; display: none;">
|
|
|
+ <div class="ivu-loading-bar-inner ivu-loading-bar-inner-color-primary" style="width: 0%; height: 2px;"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+
|
|
|
+import '@/assets/filp/style/chunk-cac90f3e.4cffd0b2.css'
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {}
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ goReportDemoOnline() {
|
|
|
+ const path = 'https://online.fliphtml5.com/jkrou/ybov/'
|
|
|
+ window.open(path)
|
|
|
+ },
|
|
|
+ goStudyReportDemoOnline() {
|
|
|
+ const path = 'https://online.fliphtml5.com/jkrou/hjig/'
|
|
|
+ window.open(path)
|
|
|
+ },
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+
|
|
|
+</style>
|
shilipojs