当前位置: 首页 > article >正文

Echarts+Vue 首页大屏静态示例Demo 第三版

效果图:

源码:

<template>
  <div class="content bg" style="height: 100vh;overflow-y: auto"  :class="{ 'fullscreen-container': isFullScreen }">
    <div class="reaDiv" style="height: 10vh">
      <div style="position: absolute;font-family: MyFont;font-size: 50px;z-index: 99" @click="fullScreen">首页展示</div>
      <div style="position: relative;text-align: center">
        <img src="../assets/img/home/title.png" @click="fullScreen">
        <div class="posDiv1" @click="dcmh">
          电厂门户
        </div>
        <div class="posDiv2" @click="cxph">
          产销平衡
        </div>
      &

http://www.kler.cn/a/226862.html

相关文章:

  • C++枚举算法(2)
  • 幻兽帕鲁专用服务器延迟高怎么解决?
  • ADB的配置和使用及刷机root
  • ffmpeg 输入文件,输入出udp-ts 指定pid
  • MySQL中的视图与索引
  • C#用正则表达式验证格式:电话号码、密码、邮编、手机号码、身份证、指定的小数点后位数、有效月、有效日
  • shell中脚本参数传递的两种方式
  • 海康威视有插件、无插件播放;webrtc直播;西瓜视频播放器;mpegts.js直播;flvjs直播
  • HSRP配置指南
  • HiveSQL题——collect_set()/collect_list()聚合函数
  • [UI5 常用控件] 05.FlexBox, VBox,HBox,HorizontalLayout,VerticalLayout
  • 使用Arcgis对欧洲雷达高分辨率降水数据重投影
  • Vue中的常用指令
  • 【讲座分享】| 复旦大学张奇教授——《自然语言发表论文如何打怪升级?NLP顶会论文发表》
  • webrtc mediasoup sctp 起什么作用? 用来传输什么数据
  • C语言——R/预处理详解
  • 【从零开始的rust web开发之路 四】rust语言tokio异步使用redis教程
  • 循环神经网络RNN专题(01/6)
  • Apache Paimon 文件布局设计
  • vue3 markdown编辑器推荐(maven-editor vditor tiptap )