tend.vue 855 Bytes
Newer Older
xulili's avatar
xulili committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
/* 点播趋势图 */
<template>
<div class="trend-wrapper  height100 overview-detail">
    <div class="ecahrts-panel-box">

    </div>
    <div class="rank-panel-box">
        <div class="rank-box"></div>
        <div class="rank-box"></div>
    </div>
  <line/>
</div>
</template>
<script>
import {line} from './components'
export default {
    data(){
        return {

        }
    },
    components:{line},
    methods:{
        
    }
}
</script>

<style lang="less" scoped>
.overview-detail{
    .ecahrts-panel-box{
        height: calc(50% + 20px);
    }
    .rank-panel-box{
        height: calc(50% - 40px);
        margin-top: 20px;
    }
    .ecahrts-panel-box,
    .rank-panel-box{
         background: #FFFFFF;
        box-shadow: 0 4px 8px 0 rgba(221,221,221,0.40);
        border-radius: 8px;
        border-radius: 8px;
     }
}
</style>