yvan/Study
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

暂时隐藏音乐播放器 修改全局css

Browse Source
This commit is contained in:
QM303176530
2020-04-17 23:31:08 +08:00
parent a766be61d8
commit 992b8446cf
3 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/view/dashboard/index.vue
+5 -4
View File
@@ -22,7 +22,7 @@
<div class="top"> <div class="top">
<div id="main" class="chart-container"></div> <div id="main" class="chart-container"></div>
</div> </div>
<div class="bottom"> <!-- <div class="bottom">
<el-row :gutter="32"> <el-row :gutter="32">
<el-col :xs="24" :sm="24" :lg="12"> <el-col :xs="24" :sm="24" :lg="12">
<div class="chart-player"> <div class="chart-player">
@@ -34,7 +34,7 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</div> </div> -->
</div> </div>
</template> </template>
@@ -45,7 +45,7 @@ require('echarts/theme/macarons') // echarts theme
import RaddarChart from "./component/RaddarChart" import RaddarChart from "./component/RaddarChart"
import stackMap from "./component/stackMap" import stackMap from "./component/stackMap"
import Sunburst from "./component/Sunburst" import Sunburst from "./component/Sunburst"
import musicPlayer from "./component/musicPlayer" // import musicPlayer from "./component/musicPlayer"
export default { export default {
name: 'Dashboard', name: 'Dashboard',
data() { data() {
@@ -57,7 +57,7 @@ export default {
RaddarChart, //雷达图 RaddarChart, //雷达图
stackMap, //堆叠图 stackMap, //堆叠图
Sunburst, //旭日图 Sunburst, //旭日图
musicPlayer //音乐播放器 // musicPlayer //音乐播放器
}, },
mounted() { mounted() {
let myChart = echarts.init(document.getElementById('main'),'macarons'); let myChart = echarts.init(document.getElementById('main'),'macarons');
@@ -165,6 +165,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.big{ .big{
width: 100%; width: 100%;
background-color: rgb(243,243,243);;
.top{ .top{
width: 98%; width: 98%;
height: 360px; height: 360px;
web/src/view/example/breakpoint/breakpoint.vue
+2 -2
View File
@@ -63,9 +63,9 @@ export default {
fileR.readAsArrayBuffer(file) // 把文件读成ArrayBuffer 主要为了保持跟后端的流一致 fileR.readAsArrayBuffer(file) // 把文件读成ArrayBuffer 主要为了保持跟后端的流一致
fileR.onload = async e => { fileR.onload = async e => {
// 读成arrayBuffer的回调 e 为方法自带参数 相当于 dom的e 流存在e.target.result 中 // 读成arrayBuffer的回调 e 为方法自带参数 相当于 dom的e 流存在e.target.result 中
const bolb = e.target.result const blob = e.target.result
let spark = new SparkMD5.ArrayBuffer() // 创建md5制造工具 （md5用于检测文件一致性 这里不懂就打电话问我） let spark = new SparkMD5.ArrayBuffer() // 创建md5制造工具 （md5用于检测文件一致性 这里不懂就打电话问我）
spark.append(bolb) // 文件流丢进工具 spark.append(blob) // 文件流丢进工具
this.fileMd5 = spark.end() // 工具结束 产生一个a 总文件的md5 this.fileMd5 = spark.end() // 工具结束 产生一个a 总文件的md5
const FileSliceCap = 1 * 1024 * 1024 // 分片字节数 const FileSliceCap = 1 * 1024 * 1024 // 分片字节数
let start = 0 // 定义分片开始切的地方 let start = 0 // 定义分片开始切的地方
web/src/view/layout/index.vue
+1 -1
View File
@@ -222,7 +222,7 @@ $mainHight: 100vh;
min-width: 100px; min-width: 100px;
} }
.admin-box{ .admin-box{
background-color: rgb(243,243,243); background-color: rgb(255,255,255);
} }
.el-scrollbar__wrap { .el-scrollbar__wrap {
padding-bottom: 17px; padding-bottom: 17px;