From 29a02350b873fa6339a7535fa929697fec9a8f84 Mon Sep 17 00:00:00 2001
From: mh-two-thousand-and-two <17391232786@163.com>
Date: 星期三, 03 四月 2024 18:44:07 +0800
Subject: [PATCH] 三
---
pages/zhongyi/zhongyi.vue | 752 ++++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 630 insertions(+), 122 deletions(-)
diff --git a/pages/zhongyi/zhongyi.vue b/pages/zhongyi/zhongyi.vue
index e39dc81..379a75d 100644
--- a/pages/zhongyi/zhongyi.vue
+++ b/pages/zhongyi/zhongyi.vue
@@ -1,139 +1,647 @@
<template>
- <el-container>
- <!-- 澶撮儴 -->
- <el-header>
- <view style="
- display: flex;
- height: 50px;
- width: 100%;
- justify-content: space-between;
- align-items: center;
- background-color: #C98A49;
- ">
- <view class="header-one" style="padding-left: 1.5%; ">
- <i class="el-icon-s-unfold" style="font-size: 24px;"></i>
- </view>
- <view class="header-two" style="font-size: 20px; color: aliceblue">
- 涓尰涓栧尰浼犳壙鏁版嵁搴�
- </view>
- <view class="header-three">
- <view>
- <i class="el-icon-search" style="font-size: 24px; "></i>
- <i class="el-icon-question" style="font-size: 24px;"></i>
- <i class="el-icon-user-solid" style="font-size: 24px;"></i>
- </view>
- </view>
+ <view class="">
+ <headNav :idIndex="idIndex" :searchBg="false" text="涓尰涓栧尰浼犳壙鏁版嵁搴�" bg="/static/image/topBg1.png"
+ bg1="/static/image/line1.png" />
+
+ <view class="flex" style="padding: 0 1.21rem ;">
+ <view class="flex">
+ <el-button class="MiddeBack flex flex-center" @click="goBack">杩斿洖</el-button>
+ <h3>閭电櫥鐎�</h3>
</view>
- <view class="huawenimg">
- </view>
- </el-header>
- <!-- 涓讳綋閮ㄥ垎 -->
- <el-main>
- <view style="
- display: flex;
- justify-content: center;
- border-bottom: 1px solid gray;">
- <view style="display: flex; justify-content: flex-start; margin-right: auto">
- <el-button class="button" @click="hideNodesAndLinks()">杩斿洖</el-button>
- </view>
- <!-- 娣诲姞涓�涓猣lex瀹瑰櫒鏉ュ寘瑁筫l-menu锛屽苟璁剧疆鍏秄lex灞炴�т互鍗犳嵁鍓╀綑绌洪棿 -->
- <view style="display: flex; justify-content: center; flex: 1;">
- <!-- 杩欓噷鏄彍鍗曠殑鍒囨崲 -->
- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal"
- @select="handleSelect">
- <el-menu-item index="1" class="small-menu-item">
- <router-link to="zhongyione" class="router-link-active">
- 涓栧尰浼犳壙</router-link>
- </el-menu-item>
- <el-menu-item index="2" class="small-menu-item">
- <router-link to="zhongyitwo" class="router-link-active">
- 涓栧尰鏂囧寲</router-link></el-menu-item>
- </el-menu>
- </view>
- </view>
- <router-view>
- </router-view>
- </el-main>
- </el-container>
+ <ul class="flex Lists">
+ <li style="background-color: #597AA5;color: #fff;">涓栧尰浼犳壙</li>
+ <!-- /pages/AcademicHistory/AcademicHistory -->
+ <li @click="ListClick" style="background-color: #fff;color: #597AA5;" >涓栧尰浼犳壙</li>
+ </ul>
+ <view class="" style="width: 1rem;"></view>
+ </view>
+ <!-- echarts鍥� -->
+ <div class="barChart" ref="barChart"></div>
+ </view>
</template>
<script>
import * as echarts from "echarts";
export default {
data() {
return {
- activeIndex:1
+ // 鏍囬椤堕儴鏍忛渶瑕佺殑涓滆タ
+ idIndex: 0,
+ activeIndex: 1
}
+ },
+ onLoad(options) {
+ this.idIndex = options.id
+ console.log('optionsoptionsoptions', options.id);
+ },
+ mounted() {
+ // 鍒濆鍖� echarts
+ this.initBarChart();
+ },
+ methods: {
+ initBarChart() {
+ // WMBg
+ //閫氳繃 $ref 杩涜鎸傝浇
+ let myChart = echarts.init(this.$refs.barChart);
+
+ let FontSize = 12; // 瀛椾綋澶у皬
+ let BorderWidth = 2; // 杈规澶у皬
+ let SymbolSize = 80; // 灏哄璺濈
+ let Distance = 10;
+ // 涓嶅悓灏哄涓嬩慨鏀筫charts鐨勫瓧浣�
+ if (window.innerWidth > 2560 && window.innerWidth <= 3840) {
+ FontSize = 28
+ BorderWidth = 5
+ SymbolSize = 100
+ Distance = 33
+ } else if (window.innerWidth > 1920 && window.innerWidth <= 2560) {
+ FontSize = 28
+ BorderWidth = 4
+ SymbolSize = 90
+ Distance = 22
+ } else if (window.innerWidth >= 1366 && window.innerWidth <= 1920) {
+ FontSize = 18
+ BorderWidth = 4
+ SymbolSize = 70
+ Distance = 22
+ }
+
+ let option = {
+ title: {
+ text: [""],
+ },
+ backgroundColor: {
+ type: 'image',
+ image: '/static/image/WMBg.png',
+ repeat: 'repeat-x', // 鏄惁骞抽摵锛屽彲浠ユ槸 'repeat-x', 'repeat-y', 'no-repeat'
+ size: '100% 100%', // 鑳屾櫙鍥剧墖鐨勫昂瀵革紝鍙互鏄櫨鍒嗘瘮鎴栬�呭儚绱�
+ position: 'center center' // 鑳屾櫙鍥剧墖鐨勪綅缃紝鍙互鏄� top, bottom, middle 鎴栬�呯櫨鍒嗘瘮
+ },
+ tooltip: {},
+ animationDurationUpdate: 1500,
+ animationEasingUpdate: "quinticInOut",
+ series: [{
+ type: "graph",
+ layout: "none",
+ symbolSize: SymbolSize + 20,
+ //鏄惁鍏佽鐢ㄦ埛鎷栧姩鍥剧墖
+ roam: false,
+ label: {
+ show: true,
+ color: 'black', // 璁剧疆鑺傜偣鏂囧瓧棰滆壊涓洪粦鑹�
+ fontSize: FontSize, // 璁剧疆鏂囧瓧澶у皬
+ },
+ edgeSymbol: ["circle", "arrow"],
+ edgeSymbolSize: [4, 10],
+
+ edgeLabel: {
+ show: true,
+ fontSize: FontSize, //鏇存敼涓よ�呭叧绯荤殑瀛椾綋
+ position: "middle",
+ //杩欓噷璁剧疆鍏崇郴鏂囧瓧鏄惁鍜岀嚎娈甸噸鍙�
+ // padding: [0, 0], // 璋冩暣鍐呰竟璺濅互纭繚鏍囩涓庣嚎娈电揣瀵嗚创鍚�
+ // verticalAlign: 'middle', // 璁剧疆鏂囨湰鐨勫瀭鐩村榻愭柟寮忎负灞呬腑
+ formatter: function(params) {
+ // params.data 鏄竟鐨勬暟鎹璞★紝浣犲彲浠ュ湪杩欓噷瀹氫箟鍏崇郴鍚�
+ // 渚嬪锛屼綘鍙互鏍规嵁 source 鍜� target 鐨勫悕绉版潵瀹氫箟鍏崇郴鍚�
+ return params.data.relationName ||
+ "鐖跺瓙"; // 濡傛灉瀹氫箟浜� relationName 鍒欐樉绀哄畠锛屽惁鍒欐樉绀衡�滅埗瀛愨��
+ },
+ },
+ //鍚勪釜鑺傜偣
+ data: [{
+ name: "钖涢洩",
+ x: 300,
+ y: 300,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "閭电櫥鐎�",
+ x: 400,
+ y: 300,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "閭甸瞾鐬�",
+ x: 500,
+ y: 300,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "閭垫槬娉�",
+ x: 600,
+ y: 300,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "寰愰敠",
+ x: 650,
+ y: 400,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "閭典笝鎵�",
+ x: 700,
+ y: 300,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "鍐鑺�",
+ x: 720,
+ y: 400,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "鏉庨缚绔�",
+ x: 740,
+ y: 500,
+ itemStyle: {
+ color: "#E1E1E1",
+ borderColor: "#888888",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "閭垫櫙灏�",
+ x: 800,
+ y: 200,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "閭垫櫙搴�",
+ x: 800,
+ y: 400,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "椴嶆槆",
+ x: 750,
+ y: 100,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "鏂囬緳",
+ x: 850,
+ y: 100,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "鍌呭簡璐�",
+ x: 950,
+ y: 50,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "鎴愬厑",
+ x: 950,
+ y: 100,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "鑳＄帀鍧�",
+ x: 950,
+ y: 150,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "瑁曠",
+ x: 950,
+ y: 200,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "闄嗕箖鏄�",
+ x: 950,
+ y: 250,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "鍒樹紶绁�",
+ x: 950,
+ y: 300,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "閭佃瘹",
+ x: 950,
+ y: 350,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "鏇惧浗钘�",
+ x: 1050,
+ y: 200,
+ itemStyle: {
+ color: "#E1E1E1",
+ borderColor: "#888888",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "鏇惧浗钘�01",
+ x: 1050,
+ y: 50,
+ itemStyle: {
+ color: "#E1E1E1",
+ borderColor: "#888888",
+ borderWidth: "3",
+ },
+ },
+ {
+ name: "鏇惧浗钘�02",
+ x: 1050,
+ y: 350,
+ itemStyle: {
+ color: "#E1E1E1",
+ borderColor: "#888888",
+ borderWidth: "3",
+ },
+ },
+ ],
+ //鍏崇郴杩炴帴
+ links: [{
+ source: "钖涢洩",
+ target: "閭电櫥鐎�",
+ relationName: "甯堝緬",
+ hasArrow: "true",
+ },
+ {
+ source: "閭电櫥鐎�",
+ target: "閭甸瞾鐬�",
+ relationName: "鐖跺瓙",
+ },
+ {
+ source: "閭甸瞾鐬�",
+ target: "閭垫槬娉�",
+ relationName: "鐖跺瓙",
+ },
+ {
+ source: "閭垫槬娉�",
+ target: "閭典笝鎵�",
+ relationName: "鍙斾緞",
+ },
+ //鏇茬嚎
+ {
+ source: "閭垫槬娉�",
+ target: "寰愰敠",
+ relationName: "鏈嬪弸",
+ //杩欓噷璁剧疆涓轰笉甯︾澶�
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2,
+ },
+ },
+ {
+ source: "閭典笝鎵�",
+ target: "閭垫櫙灏�",
+ relationName: "鐖跺瓙",
+ },
+ {
+ source: "閭典笝鎵�",
+ target: "閭垫櫙搴�",
+ relationName: "鐖跺瓙",
+ },
+ //鏇茬嚎
+ {
+ source: "閭典笝鎵�",
+ target: "鍐鑺�",
+ relationName: "鏈嬪弸",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2,
+ },
+ },
+ //鏇茬嚎
+ {
+ source: "閭典笝鎵�",
+ target: "椴嶆槆",
+ relationName: "甯堝緬",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: 0.2,
+ },
+ },
+ //鏇茬嚎
+ {
+ source: "鍐鑺�",
+ target: "鏉庨缚绔�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2,
+ },
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "閭垫櫙搴�",
+ relationName: "鍏勫紵",
+ },
+ {
+ source: "閭垫櫙搴�",
+ target: "閭垫櫙灏�",
+ relationName: "鍏勫紵",
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "椴嶆槆",
+ relationName: "濮讳翰",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2,
+ },
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "鏂囬緳",
+ relationName: "鏈嬪弸",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: 0.2,
+ },
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "鍌呭簡璐�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.1,
+ },
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "鎴愬厑",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2,
+ },
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "鑳＄帀鍧�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2,
+ },
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "瑁曠",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2,
+ },
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "闄嗕箖鏄�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2,
+ },
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "鍒樹紶绁�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2,
+ },
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "閭佃瘹",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2,
+ },
+ },
+ {
+ source: "鎴愬厑",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ },
+ },
+ {
+ source: "鑳＄帀鍧�",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ },
+ },
+ {
+ source: "瑁曠",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ },
+ },
+ {
+ source: "闄嗕箖鏄�",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ },
+ },
+ {
+ source: "鍒樹紶绁�",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ },
+ },
+ {
+ source: "鎴愬厑",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ },
+ },
+ {
+ source: "鎴愬厑",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ },
+ },
+ {
+ source: "鎴愬厑",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ },
+ },
+ {
+ source: "鍌呭簡璐�",
+ target: "鏇惧浗钘�01",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ },
+ },
+ {
+ source: "閭佃瘹",
+ target: "鏇惧浗钘�02",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ },
+ },
+ ],
+ lineStyle: {
+ color: "#000000",
+ opacity: 0.9,
+ width: 2,
+ curveness: 0,
+ },
+ }, ],
+ };
+ //杩涜娓叉煋
+ myChart.setOption(option);
+ },
+ // 杩斿洖鎸夐挳
+ goBack() {
+ // uuni.redirectTo();
+ uni.redirectTo({
+ url: '/pages/index/index'
+ })
+ },
}
}
</script>
<style scoped>
- .huawenimg {
- display: flex;
- width: 100%;
- height: 20px;
- background-image: url('https://img2.baidu.com/it/u=4259428193,1811830338&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1710954000&t=bf5d6b76e71d6e508efef90cf933ea05');
- background-repeat: repeat-x;
- /* 姘村钩骞抽摵 */
- background-size: auto 100%;
- /* 璁剧疆鑳屾櫙鍥剧墖楂樺害涓庡鍣ㄤ竴鑷达紝瀹藉害鑷�傚簲 */
- border-bottom: 2px solid #C98A49;
- /* 璁剧疆姗欒壊鐨勪笅杈规锛屽搴︿负2px */
+ .Lists {
+ li {
+ /* background-color: #e4ebf3;
+ border: 1rpx solid #5778a2;
+ padding: 5rpx 10rpx;
+ font-size: 18rpx; */
+ width: 0.96rem;
+ height: .3rem;
+ border: 1px solid #597AA5;
+ line-height: .3rem;
+ text-align: center;
+ font-size: .14rem;
+ }
}
-
- /* 缁欒繑鍥炴寜閽缃牱寮� */
- .button {
- border: none !important;
- /* 鍙栨秷杈规 */
- color: #C98A49 !important;
- /* 瀛椾綋棰滆壊 */
- background-color: transparent !important;
- ;
- /* 璁剧疆鑳屾櫙涓洪�忔槑 */
+ .MiddeBack {
+ width: 0.6rem;
+ height: 0.24rem;
+ font-size: .12rem;
+ padding: 0;
+
}
-
- .small-menu-item {
- border-bottom: 1px solid #EA7A28 !important;
- /* 姗欒壊鐨勮竟妗� */
- font-size: 15px !important;
- /* 璋冩暣瀛椾綋澶у皬 */
- padding: 0px 5px 0px 0px !important;
- /* 璋冩暣鍐呰竟璺� */
- margin: 0px 0px 0px 0px !important;
- /* 鍏朵粬浣犳兂瑕佺殑鏍峰紡 */
- }
-
- /* 璁剧疆el-menu鐨勮儗鏅鑹蹭负閫忔槑 */
- .el-menu-demo {
- border-bottom: 1px solid #EA7A28 !important;
- /* 姗欒壊鐨勮竟妗� */
- background-color: transparent !important;
- /* 浣跨敤!important鏉ョ‘淇濊鐩栭粯璁ゆ牱寮� */
- }
-
- /* 浼被锛堥紶鏍囬�変腑鏃剁殑鏍峰紡锛� */
- .el-menu-item:hover {
- /* 褰撻紶鏍囨偓鍋滃湪鑿滃崟椤逛笂鏃� */
- background-color: #EA7A28 !important;
- /* 璁剧疆鑳屾櫙鑹蹭负姗欒壊锛屽苟浣跨敤 !important 鏉ョ‘淇濊鐩栧叾浠栨牱寮� */
- color: white !important;
- ;
- /* 鍙兘杩橀渶瑕佽缃枃鏈鑹蹭互纭繚鍙鎬� */
- }
-
- /* 璁剧疆el-menu-item鍦ㄩ�変腑鏃剁殑鑳屾櫙棰滆壊涓烘鑹� */
- .el-menu-item.is-active {
- color: #FDFCFD !important;
- ;
- background-color: #EA7A28 !important;
- /* 浣跨敤!important鏉ョ‘淇濊鐩栭粯璁ゆ牱寮� */
- border-bottom: 1px solid #EA7A28 !important;
- /* 鍦ㄥ簳閮ㄦ坊鍔犳鑹茬殑杈规 */
- }
-
- /* 濡傛灉浣犲笇鏈涢摼鎺ュ湪琚�変腑鏃朵篃鏈夋鑹茶儗鏅紝浣犲彲鑳借繕闇�瑕佽鐩杛outer-link鐨勬牱寮� */
- .router-link-active.is-active {
- color: #FDFCFD !important;
- /* 浣跨敤!important鏉ョ‘淇濊鐩栭粯璁ゆ牱寮� */
- /* background-color: #EA7A28 !important; */
+ .barChart {
+ width: 100vw;
+ height: 80vh;
}
</style>
\ No newline at end of file
--
Gitblit v1.9.1