页面默认背景、首页锚点

ui1
Joel 3 years ago
parent 04e7dc6417
commit 62947f6b0c
  1. BIN
      src/assets/img/logo.png
  2. 1
      src/layouts/header/index.vue
  3. 7
      src/layouts/home/index.vue
  4. 14
      src/pages/data/list/index.vue
  5. 18
      src/pages/index/list/index.vue
  6. 24
      src/pages/stat/list/index.vue
  7. 5
      src/styles/common.scss

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

@ -227,6 +227,7 @@ export default {
width: 100%;
height: $height;
background-color: #fff;
box-shadow: 0px 0px 6px 0px rgba(178, 178, 178, 0.32);
.inner{
display: flex;
justify-content: space-between;

@ -1,7 +1,7 @@
<!--
* @Author: your name
* @Date: 2021-11-03 14:33:21
* @LastEditTime: 2021-11-04 20:23:02
* @LastEditTime: 2021-11-05 17:58:45
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \questionnaired:\code\FE_huoran_data\src\layouts\home\index.vue
@ -57,6 +57,11 @@ export default {
padding: 12px 80px 0;
margin: 0 auto;
background-color: #F3F6FA;
background: url(../../assets/img/shapes/shape1.png) 0 50px no-repeat,
url(../../assets/img/shapes/shape7.png) right 70px no-repeat,
url(../../assets/img/shapes/shape8.png) 0 574px no-repeat,
url(../../assets/img/shapes/shape9.png) right 645px no-repeat,
url(../../assets/img/shapes/shape6.png) 0 1074px no-repeat;
}
.index{
padding: 0;

@ -172,10 +172,12 @@
</div>
<img width="52" src="@/assets/img/close.png" style="cursor: pointer" alt="" @click="previewVisible = false">
</div>
<el-table :data="previewData" class="table" id="previewTable" stripe header-align="center" row-key="id">
<el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
<el-table-column v-for="(item,index) in previewHead" :prop="item.field" :key="index" :label="item.comment" align="center"></el-table-column>
</el-table>
<div class="preview-wrap">
<el-table :data="previewData" class="table" id="previewTable" stripe header-align="center" row-key="id">
<el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
<el-table-column v-for="(item,index) in previewHead" :prop="item.field" :key="index" :label="item.comment" align="center"></el-table-column>
</el-table>
</div>
</el-drawer>
</div>
</template>
@ -625,5 +627,9 @@ export default {
}
/deep/.preview-dia{
padding: 20px;
.preview-wrap{
height: calc(100vh - 80px);
overflow: auto;
}
}
</style>

@ -54,37 +54,37 @@
<template v-else>
<!-- 简介 -->
<ul class="intro">
<li>
<li @click="toPart(1)">
<img src="@/assets/img/index/index1.png" alt="">
<div class="text">
<h6>平台概览</h6>
<p class="desc">了解数据平台一句话简介</p>
</div>
</li>
<li>
<li @click="toPart(2)">
<img src="@/assets/img/index/index2.png" alt="">
<div class="text">
<h6>平台特色与优势</h6>
<p class="desc">了解数据平台一句话简介</p>
</div>
</li>
<li>
<li @click="toPart(3)">
<img src="@/assets/img/index/index1.png" alt="">
<div class="text">
<h6>平台概览</h6>
<h6>平台产品介绍</h6>
<p class="desc">了解数据平台一句话简介</p>
</div>
</li>
</ul>
<!-- 关于 -->
<div class="about">
<div class="about" id="part1">
<div class="inner">
<h6 class="i-title">关于数据平台</h6>
<div class="desc">欢迎使用数据平台这是我们的财经数据库我们的数据涵盖股票数据期货数据债券数据期权数据利率数据公募数据和宏观数据拥有超40年的历史数据可为您解读预测分析模拟市场趋势经济周期和世界事件影响提供必要的数据支持我们的数据均来源于各大专业财经权威网站和数据官方发布平台并经过专业的数据分类和整理可让用户轻松便捷地搜索并批量下载到自己研究所需的数据极大地减轻自己搜索整理数据的时间提高研究效率, 从而高效的输出研究成果</div>
</div>
</div>
<!-- 特色与优势 -->
<div class="adv">
<div class="adv" id="part2">
<img src="@/assets/img/index/index8.png" alt="" class="shape shape1">
<img src="@/assets/img/index/index9.png" alt="" class="shape shape2">
<img src="@/assets/img/index/index10.png" alt="" class="shape shape3">
@ -110,7 +110,7 @@
</div>
</div>
<!-- 产品展示 -->
<div class="product">
<div class="product" id="part3">
<div class="inner">
<h6 class="i-title">产品展示</h6>
<div class="pics">
@ -258,6 +258,9 @@ export default {
})
window.open(route.href)
}
},
toPart(i){
document.querySelector(`#part${i}`).scrollIntoView()
}
}
};
@ -394,6 +397,7 @@ export default {
li{
display: inline-flex;
align-items: center;
cursor: pointer;
}
img{
width: 50px;

@ -69,7 +69,7 @@
<el-table-column prop="download" label="下载量" align="center"></el-table-column>
<el-table-column prop="click" label="点击量" align="center"></el-table-column>
</el-table>
<div class="fold">
<div class="fold" v-if="listData.length > 10">
<span :class="{active}" @click="toggleList">
展开更多
<i class="el-icon-arrow-down"></i>
@ -190,26 +190,29 @@ export default {
'setInfo'
]),
getData(){
//
this.$get(`${this.api.getProductInfoBySchoolId}?schoolId=${this.schoolId}`).then(res => {
let list = res.message
list.map(n => {
//
n.startTime = util.formatDate('yyyy-MM-dd',new Date(n.startTime))
n.endTime = util.formatDate('yyyy-MM-dd',new Date(n.endTime))
})
// this.productList = list
this.productList = list
if(list.length){
this.schoolName = list[0].schoolName
}
}).catch(res => {})
// 访
this.$get(`${this.api.queryAccumulate}?schoolId=${this.schoolId}`).then(res => {
this.dayCount = res.dayCount
this.schoolCount = res.schoolCount
}).catch(res => {})
// 使
this.$get(`${this.api.queryDatabaseInfoByMonth}?schoolId=${this.schoolId}`).then(res => {
let list = res.message
let result = []
//
for(let i in list){
for(let n in list[i]){
let item = {
@ -224,25 +227,26 @@ export default {
}
this.monthData = result
}).catch(res => {})
//
this.$get(`${this.api.getUserTotalBySchoolId}?schoolId=${this.schoolId}`).then(res => {
this.userCount = res.totalCount
}).catch(res => {})
// 线
this.$get(this.api.onlineNumber).then(res => {
this.onlineCunt = res.message
}).catch(res => {})
this.getDatabase()
},
// 使
getDatabase(){
this.$get(`${this.api.queryDatabaseInfo}?schoolId=${this.schoolId}&startTime=${this.startTime}&endTime=${this.endTime}`).then(res => {
let list = JSON.parse(res.databaseInfo)
//
//
this.listData = list.slice(0,10)
this.listDataAll = list
this.listDataAll = list //
}).catch(res => {})
},
// redis,,
// redis,,
searchData(){
let list = this.listDataAll
let result = []
@ -273,7 +277,9 @@ export default {
handleSelectionChange1(val) {
this.multipleSelection1 = val
},
//
toggleList(){
// listDataAll listDataKeyword
if(this.keyword){
if(this.active){
this.listData = this.listDataKeyword.slice(0,10)

@ -182,7 +182,7 @@
&:before{
content: '全选';
margin-right: 5px;
color: #fff;
color: #222326;
font-size: 14px;
opacity: 0;
}
@ -348,6 +348,9 @@
font-size: 14px;
border-radius: 4px;
border-color: #CACFDB;
&:last-child{
border-color: transparent;
}
}
}
}

Loading…
Cancel
Save