diff --git a/packages/screen/src/assets/RiskWarning_img/AI1@2x.png b/packages/screen/src/assets/RiskWarning_img/AI1@2x.png new file mode 100644 index 0000000..d2eaf82 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/AI1@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/icon-1@2x.png b/packages/screen/src/assets/RiskWarning_img/icon-1@2x.png new file mode 100644 index 0000000..8c685da Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/icon-1@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/icon-2@2x.png b/packages/screen/src/assets/RiskWarning_img/icon-2@2x.png new file mode 100644 index 0000000..90a5478 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/icon-2@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/icon-3@2x.png b/packages/screen/src/assets/RiskWarning_img/icon-3@2x.png new file mode 100644 index 0000000..56e9455 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/icon-3@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/icon1@2x.png b/packages/screen/src/assets/RiskWarning_img/icon1@2x.png new file mode 100644 index 0000000..6fa73e1 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/icon1@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/icon2@2x.png b/packages/screen/src/assets/RiskWarning_img/icon2@2x.png new file mode 100644 index 0000000..0ac70a4 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/icon2@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/icon3@2x.png b/packages/screen/src/assets/RiskWarning_img/icon3@2x.png new file mode 100644 index 0000000..6f089e0 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/icon3@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/icon4@2x.png b/packages/screen/src/assets/RiskWarning_img/icon4@2x.png new file mode 100644 index 0000000..0b32845 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/icon4@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/区县icon@2x.png b/packages/screen/src/assets/RiskWarning_img/区县icon@2x.png new file mode 100644 index 0000000..920607d Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/区县icon@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/响应图标5@2x.png b/packages/screen/src/assets/RiskWarning_img/响应图标5@2x.png new file mode 100644 index 0000000..cf1dba5 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/响应图标5@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/回应icon@2x.png b/packages/screen/src/assets/RiskWarning_img/回应icon@2x.png new file mode 100644 index 0000000..49dcb8f Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/回应icon@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/回应率icon@2x.png b/packages/screen/src/assets/RiskWarning_img/回应率icon@2x.png new file mode 100644 index 0000000..4b51250 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/回应率icon@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/已回应icon@2x.png b/packages/screen/src/assets/RiskWarning_img/已回应icon@2x.png new file mode 100644 index 0000000..eecaaf7 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/已回应icon@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/抽查人数icon@2x.png b/packages/screen/src/assets/RiskWarning_img/抽查人数icon@2x.png new file mode 100644 index 0000000..2733884 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/抽查人数icon@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/标题bg@2x.png b/packages/screen/src/assets/RiskWarning_img/标题bg@2x.png new file mode 100644 index 0000000..062030b Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/标题bg@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/桥梁icon1@2x.png b/packages/screen/src/assets/RiskWarning_img/桥梁icon1@2x.png new file mode 100644 index 0000000..8c983b5 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/桥梁icon1@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/桥梁icon@2x.png b/packages/screen/src/assets/RiskWarning_img/桥梁icon@2x.png new file mode 100644 index 0000000..99e213b Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/桥梁icon@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/橙色@2x.png b/packages/screen/src/assets/RiskWarning_img/橙色@2x.png new file mode 100644 index 0000000..4352910 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/橙色@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/气象预警图标@2x.png b/packages/screen/src/assets/RiskWarning_img/气象预警图标@2x.png new file mode 100644 index 0000000..ca393a0 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/气象预警图标@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/清除icon@2x.png b/packages/screen/src/assets/RiskWarning_img/清除icon@2x.png new file mode 100644 index 0000000..37cf05e Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/清除icon@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/红色@2x.png b/packages/screen/src/assets/RiskWarning_img/红色@2x.png new file mode 100644 index 0000000..7adfffc Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/红色@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/线路路段icon1@2x.png b/packages/screen/src/assets/RiskWarning_img/线路路段icon1@2x.png new file mode 100644 index 0000000..24b4236 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/线路路段icon1@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/线路路段icon@2x.png b/packages/screen/src/assets/RiskWarning_img/线路路段icon@2x.png new file mode 100644 index 0000000..366fb41 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/线路路段icon@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/编组22@2x.png b/packages/screen/src/assets/RiskWarning_img/编组22@2x.png new file mode 100644 index 0000000..064eced Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/编组22@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/编组5@2x.png b/packages/screen/src/assets/RiskWarning_img/编组5@2x.png new file mode 100644 index 0000000..e49f5d9 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/编组5@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/蓝色@2x.png b/packages/screen/src/assets/RiskWarning_img/蓝色@2x.png new file mode 100644 index 0000000..3a00b98 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/蓝色@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/路径55@2x.png b/packages/screen/src/assets/RiskWarning_img/路径55@2x.png new file mode 100644 index 0000000..3b2ba95 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/路径55@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/路径62@2x (1).png b/packages/screen/src/assets/RiskWarning_img/路径62@2x (1).png new file mode 100644 index 0000000..24c858b Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/路径62@2x (1).png differ diff --git a/packages/screen/src/assets/RiskWarning_img/路径62@2x (2).png b/packages/screen/src/assets/RiskWarning_img/路径62@2x (2).png new file mode 100644 index 0000000..0dff4a3 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/路径62@2x (2).png differ diff --git a/packages/screen/src/assets/RiskWarning_img/路径62@2x.png b/packages/screen/src/assets/RiskWarning_img/路径62@2x.png new file mode 100644 index 0000000..9e80b42 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/路径62@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/边坡icon1@2x.png b/packages/screen/src/assets/RiskWarning_img/边坡icon1@2x.png new file mode 100644 index 0000000..b7605bb Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/边坡icon1@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/边坡icon@2x.png b/packages/screen/src/assets/RiskWarning_img/边坡icon@2x.png new file mode 100644 index 0000000..f6cb44f Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/边坡icon@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/遮罩层.png b/packages/screen/src/assets/RiskWarning_img/遮罩层.png new file mode 100644 index 0000000..1d4dd9f Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/遮罩层.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/隧道icon1@2x.png b/packages/screen/src/assets/RiskWarning_img/隧道icon1@2x.png new file mode 100644 index 0000000..d89734b Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/隧道icon1@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/隧道icon@2x.png b/packages/screen/src/assets/RiskWarning_img/隧道icon@2x.png new file mode 100644 index 0000000..8b623ea Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/隧道icon@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/风险预警icon1@2x.png b/packages/screen/src/assets/RiskWarning_img/风险预警icon1@2x.png new file mode 100644 index 0000000..3fcd8d7 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/风险预警icon1@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/风险预警icon@2x.png b/packages/screen/src/assets/RiskWarning_img/风险预警icon@2x.png new file mode 100644 index 0000000..d095a4e Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/风险预警icon@2x.png differ diff --git a/packages/screen/src/assets/RiskWarning_img/黄色@2x.png b/packages/screen/src/assets/RiskWarning_img/黄色@2x.png new file mode 100644 index 0000000..f5ebb68 Binary files /dev/null and b/packages/screen/src/assets/RiskWarning_img/黄色@2x.png differ diff --git a/packages/screen/src/assets/css/flex.scss b/packages/screen/src/assets/css/flex.scss new file mode 100644 index 0000000..2f085e8 --- /dev/null +++ b/packages/screen/src/assets/css/flex.scss @@ -0,0 +1,406 @@ +.display { + display: flex; +} + +.fr { + display: flex; + flex-direction: row; +} + +.fc { + display: flex; + flex-direction: column; +} + +.center { + display: flex; + justify-content: center; + align-items: center; +} + +.jc_end { + justify-content: flex-end; +} + +.jc_center { + justify-content: center; +} + +.jc_sb { + justify-content: space-between; +} + +.jc_sa { + justify-content: space-around; +} + +.ai_start { + align-items: flex-start; +} + +.ai_center { + align-items: center; +} + +.frc_center { + display: flex; + flex-flow: row nowrap; + align-items: center; + justify-content: center; +} + +.fc_align_center { + display: flex; + flex-flow: column nowrap; + align-items: center; + justify-content: center; +} + +.ai_b { + align-items: baseline; +} + +.ai_end { + align-items: flex-end; +} + +.fw { + flex-wrap: wrap; +} + +.fg { + flex-grow: 1; +} + +.fs0 { + flex-shrink: 0; +} + +.f1 { + flex: 1; +} + +.f2 { + flex: 2; +} + +.f3 { + flex: 3; +} + +.mt_10 { + margin-top: 10px; +} + +.mt_15 { + margin-top: 15px; +} + +.mt_20 { + margin-top: 20px; +} + +.mt_25 { + margin-top: 25px; +} + +.mt_30 { + margin-top: 30px; +} + +.mt_40 { + margin-top: 40px; +} + +.mt_50 { + margin-top: 50px; +} + +.mt_60 { + margin-top: 60px; +} + +.mt_70 { + margin-top: 70px; +} + +.mt_80 { + margin-top: 80px; +} + +.mt_90 { + margin-top: 90px; +} + +.mr_50 { + margin-right: 50px; +} + +.mr_40 { + margin-right: 40px; +} + +.mr_30 { + margin-right: 20px; +} + +.mr_25 { + margin-right: 25px; +} + +.mr_20 { + margin-right: 20px; +} + +.mr_15 { + margin-right: 15px; +} + +.mr_10 { + margin-right: 10px; +} + +.mb_170 { + margin-bottom: 170px; +} + +.mb_110 { + margin-bottom: 110px; +} + +.mb_108 { + margin-bottom: 108px; +} + +.mb_100 { + margin-bottom: 100px; +} + +.mb_90 { + margin-bottom: 90px; +} + +.mb_80 { + margin-bottom: 80px; +} + +.mb_70 { + margin-bottom: 70px; +} + +.mb_60 { + margin-bottom: 60px; +} + +.mb_50 { + margin-bottom: 50px; +} + +.mb_40 { + margin-bottom: 40px; +} + +.mb_30 { + margin-bottom: 30px; +} + +.mb_25 { + margin-bottom: 25px; +} + +.mb_20 { + margin-bottom: 20px; +} + +.mb_15 { + margin-bottom: 15px; +} + +.mb_10 { + margin-bottom: 10px; +} + +.mb_5 { + margin-bottom: 5px; +} + +.ml_30 { + margin-left: 30px; +} + +.ml_25 { + margin-left: 25px; +} + +.ml_20 { + margin-left: 20px; +} + +.ml_30 { + margin-left: 30px; +} + +.ml_40 { + margin-left: 40px; +} + +.ml_15 { + margin-left: 15px; +} + +.ml_10 { + margin-left: 10px; +} + +.mr_30 { + margin-right: 30px; +} + +.mr_20 { + margin-right: 20px; +} + +.mr_15 { + margin-right: 15px; +} + +.mr_10 { + margin-right: 10px; +} + +.mr_5 { + margin-right: 5px; +} + +.m_20 { + margin: 20px; +} + +.m_5 { + margin: 5%; +} + +.m_0_20 { + margin: 0 20px; +} + +.m_0_25 { + margin: 0 25px; +} + +.p_5 { + padding: 5%; +} + +.p_60 { + padding: 60px; +} + +.p_50 { + padding: 50px; +} + +.p_40 { + padding: 40px; +} + +.p_30 { + padding: 30px; +} + +.p_25 { + padding: 25px; +} + +.p_20 { + padding: 20px; +} + +.p_10 { + padding: 10px; +} + + +.p_10_15 { + padding: 10px 15px; +} + +.p_0_30 { + padding: 0px 30px; +} + +.p_10_0 { + padding: 10px 0; +} + +.p_20_0 { + padding: 20px 0; +} + +.p_30_0 { + padding: 30px 0; +} + +.p_40_0 { + padding: 40px 0px; +} + +.p_20_0 { + padding: 20px 0px; +} + +.p_0_20 { + padding: 0px 20px; +} + +.p_0_10 { + padding: 0px 10px; +} + +.p_5_10 { + padding: 5px 10px; +} + +.p_10_0 { + padding: 10px 0; +} + +.p_10_20 { + padding: 10px 20px; +} + +.pl_40 { + padding-left: 40px; +} + +.pl_30 { + padding-left: 30px; +} + +.pl_20 { + padding-left: 20px; +} + +.pb_40 { + padding-bottom: 40px; +} + +.pb_30 { + padding-bottom: 30px; +} + +.pb_20 { + padding-bottom: 20px; +} + +.pb_10 { + padding-bottom: 10px; +} + +.pt_30 { + padding-top: 30px; +} + +.pt_25 { + padding-top: 25px; +} \ No newline at end of file diff --git a/packages/screen/src/assets/css/fs.scss b/packages/screen/src/assets/css/fs.scss new file mode 100644 index 0000000..ef40861 --- /dev/null +++ b/packages/screen/src/assets/css/fs.scss @@ -0,0 +1,756 @@ +.fs_10 { + font-size: 10px +} + + +.fs_12 { + font-size: 12px +} + + +.fs_14 { + font-size: 14px +} + + +.fs_16 { + font-size: 16px +} + + +.fs_18 { + font-size: 18px +} + + +.fs_20 { + font-size: 20px +} + + +.fs_22 { + font-size: 22px +} + + +.fs_24 { + font-size: 24px +} + + +.fs_26 { + font-size: 26px +} + + +.fs_28 { + font-size: 28px +} + + +.fs_30 { + font-size: 30px +} + + +.fs_32 { + font-size: 32px +} + + +.fs_34 { + font-size: 34px +} + + +.fs_36 { + font-size: 36px +} + + +.fs_38 { + font-size: 38px +} + + +.fs_40 { + font-size: 40px +} + + +.fs_42 { + font-size: 42px +} + + +.fs_44 { + font-size: 44px +} + + +.fs_46 { + font-size: 46px +} + + +.fs_48 { + font-size: 48px +} + + +.fs_50 { + font-size: 50px +} + + +.fs_52 { + font-size: 52px +} + + +.fs_54 { + font-size: 54px +} + + +.fs_56 { + font-size: 56px +} + + +.fs_58 { + font-size: 58px +} + + +.fs_60 { + font-size: 60px +} + + +.fs_62 { + font-size: 62px +} + + +.fs_64 { + font-size: 64px +} + + +.fs_66 { + font-size: 66px +} + + +.fs_68 { + font-size: 68px +} + + +.fs_70 { + font-size: 70px +} + + +.fs_72 { + font-size: 72px +} + + +.fs_74 { + font-size: 74px +} + + +.fs_76 { + font-size: 76px +} + + +.fs_78 { + font-size: 78px +} + + +.fs_80 { + font-size: 80px +} + + +.fs_82 { + font-size: 82px +} + + +.fs_84 { + font-size: 84px +} + + +.fs_86 { + font-size: 86px +} + + +.fs_88 { + font-size: 88px +} + + +.fs_90 { + font-size: 90px +} + + +.fs_92 { + font-size: 92px +} + + +.fs_94 { + font-size: 94px +} + +.fs_96 { + font-size: 96px +} + +.fs_98 { + font-size: 98px +} + + +.fs_100 { + font-size: 100px +} + +.fs_102 { + font-size: 102px +} + +.ft_bold { + font-weight: bold; +} + +.bg_fff { + background-color: #fff; +} + +.bg_FEFEFE { + background-color: #FEFEFE; +} + +.bg_f6f6f6 { + background-color: #f6f6f6; +} + +.bg_ffe5bb { + background-color: #ffe5bb; +} + +.bg_FBFBFB { + background-color: #FBFBFB; +} + +.bg_ccc { + background-color: #cccccc; +} + +.bg_a9b4be { + background-color: #a9b4be; +} + +.bg_ff2525 { + background-color: #ff2525; +} + +.bg_F9F9F9 { + background-color: #F9F9F9; +} + +.bg_CDD0D4 { + background-color: #CDD0D4; +} + +.bg_ffffff23 { + background-color: rgba(255, 255, 255, 0.137); +} + +.bg_F1F4F9 { + background-color: #F1F4F9; +} + +.bg_2c6ff2 { + background-color: #2c6ff2; +} + +.bg_DC60EE { + background-color: #DC60EE; +} + +.bg_F9B959 { + background-color: #F9B959; +} + +.bg_FFF2D5 { + background-color: #FFF2D5; +} + +.bg_e92929 { + background-color: #e92929; +} + +.bg_FD4341 { + background-color: #FD4341; +} + +.bg_4ECA65 { + background-color: #4ECA65; +} + +.bg_D8E6FF { + background-color: #D8E6FF; +} + +.bg_000 { + background-color: #000000; +} + +.bg_217EFD { + background-color: #217EFD; +} + +.bg_29AC76 { + background-color: #29AC76; +} + +.bg_FAFAFB { + background-color: #FAFAFB; +} + +.bg_2590FF { + background-color: #2590FF; +} + +.bg_F8F6F3 { + background-color: #F8F6F3; +} + +.bg_F3F3F4 { + background-color: #F3F3F4; +} + +.bg_F5F5F5 { + background-color: #F5F5F5; +} + +.bg_E9E0D2 { + background-color: #E9E0D2; +} + +.bg_ecbb61 { + background-color: #ecbb61; +} + +.bg_1C8DFF { + background-color: #1C8DFF; +} + +.bg_FDF3E1 { + background-color: #FDF3E1; +} + +.bg_FFECCE { + background-color: #FFECCE; +} + +.bg_D8EBFD { + background-color: #D8EBFD; +} + +.bg_FDE8E5 { + background-color: #FDE8E5; +} + +.bg_d6af6f { + background-color: #d6af6f; +} + +.bg_ecc78a { + background-color: #ecc78a; +} + +.bg_5EBFCA { + background-color: #5EBFCA; +} + +.bg_6C52FD { + background-color: #6C52FD; +} + +.bg_ebf2ff { + background-color: #ebf2ff; +} + +.bg_F4F4F4 { + background-color: #F4F4F4; +} + +.bg_E6E1FF { + background-color: #E6E1FF; +} + +.bg_F3F7FF { + background-color: #F3F7FF; +} + +.bg_E1372B { + background-color: #E1372B; +} + +.bg_259926 { + background-color: #259926; +} + +.bg_F2F2F2 { + background-color: #F2F2F2; +} + +.bg_E0F2FF { + background-color: #E0F2FF; +} + +.bg_22c473 { + background-color: #22c473; +} + +.bg_4C50FF { + background-color: #4C50FF; +} + +.bg_F9FBFC { + background-color: #F9FBFC; +} + +.bg_9BA4AC { + background-color: #9BA4AC; +} +.bg_E2E2E2{ + background-color: #E2E2E2; +} + +.bg_f8f8f8 { + background-color: #f8f8f8; +} + +.bg_002240 { + background-color: #002240; +} + +.cl_217EFD { + color: #217EFD; +} + +.cl_8091A0 { + color: #8091A0; +} + +.cl_9BA4AC { + color: #9BA4AC; +} + +.cl_ff4e78 { + color: #ff4e78; +} + +.cl_E1372B { + color: #E1372B; +} + +.cl_f94428 { + color: #f94428; +} + +.cl_3399ff { + color: #3399ff; +} + +.cl_806afd { + color: #806afd; +} + +.cl_b2b2b2 { + color: #b2b2b2; +} + +.cl_1c8dff { + color: #1c8dff; +} + +.cl_818181 { + color: #818181; +} + +.cl_9A9A9A { + color: #9A9A9A; +} + +.cl_d6af6f { + color: #d6af6f; +} + +.cl_797979 { + color: #797979; +} + +.cl_ecbb61 { + color: #ecbb61; +} + +.cl_BDC3C8 { + color: #BDC3C8; +} + +.cl_6c6e75 { + color: #6c6e75; +} + +.cl_A6A199 { + color: #A6A199; +} + +.cl_1C1C1C { + color: #1C1C1C; +} + + +.cl_E1AC7D { + color: #E1AC7D; +} + +.cl_cf8e18 { + color: #cf8e18; +} + +.cl_26282b { + color: #26282b; +} + +.cl_5E5445 { + color: #5E5445; +} + +.cl_AAABAF { + color: #AAABAF; +} + +.cl_ACB6C0 { + color: #ACB6C0; +} + +.cl_667081 { + color: #667081; +} + +.cl_667080 { + color: #667080; +} + +.cl_697383 { + color: #697383; +} + +.cl_8A8B8C { + color: #8A8B8C; +} + +.cl_2E70F0 { + color: #2E70F0 +} + +.cl_a9b4be { + color: #a9b4be; +} + +.cl_e92929 { + color: #e92929; +} + +.cl_F9F9F9 { + color: #F9F9F9; +} + +.cl_949596 { + color: #949596; +} + +.cl_d6af70 { + color: #d6af70; +} + +.cl_ADADAD { + color: #ADADAD; +} + +.cl_3b7af3 { + color: #3b7af3; +} + +.cl_767C8C { + color: #767C8C; +} + +.cl_fff { + color: #ffffff; +} + +.cl_8E9DAA { + color: #8E9DAA; +} + +.cl_D1D1D1 { + color: #D1D1D1; +} +.cl_479aff{ + color: #479aff; +} +.cl_2c6ff2 { + color: #2c6ff2; +} + +.cl_809fb8 { + color: #809fb8; +} + +.cl_e2e2e2 { + color: #e2e2e2; +} + +.cl_888888 { + color: #888888; +} + +.cl_b5b2ac { + color: #b5b2ac; +} + +.cl_6B6B6B { + color: #6B6B6B; +} + +.cl_9e9fa1 { + color: #9e9fa1; +} + +.cl_BDBDBD { + color: #BDBDBD; +} + +.cl_828282 { + color: #828282; +} + +.cl_91A0AD { + color: #91A0AD; +} + +.cl_b5b5b5 { + color: #b5b5b5; +} + +.cl_d23535 { + color: #d23535; +} + +.cl_E2C244 { + color: #E2C244; +} + +.cl_000 { + color: #000000; +} + +.cl_7e7e7e { + color: #7e7e7e; +} + +.cl_5C5348 { + color: #5C5348; +} + +.cl_C1AD98 { + color: #C1AD98; +} + +.cl_444 { + color: #444444; +} + +.cl_f3d5b9 { + color: #f3d5b9; +} + +.cl_626368 { + color: #626368; +} + +.cl_5D5038 { + color: #5D5038; +} + +.cl_A0895E { + color: #A0895E; +} + +.cl_8b8b8b { + color: #8b8b8b; +} + +.cl_E1AC7C { + color: #E1AC7C; +} + +.br_10 { + border-radius: 10px; +} + +.br_20 { + border-radius: 20px; +} + +.br_30 { + border-radius: 30px; +} + +.br_40 { + border-radius: 40px; +} + +.br_50 { + border-radius: 50px; +} + +.br_60 { + border-radius: 60px; +} + +.br_70 { + border-radius: 70px; +} + +.br_80 { + border-radius: 80px; +} + +.br_90 { + border-radius: 90px; +} + +.br_100 { + border-radius: 100px; +} + +.br_110 { + border-radius: 110px; +} \ No newline at end of file diff --git a/packages/screen/src/assets/css/text.scss b/packages/screen/src/assets/css/text.scss new file mode 100644 index 0000000..7485c2e --- /dev/null +++ b/packages/screen/src/assets/css/text.scss @@ -0,0 +1,34 @@ +/* 设置一行展示 */ +.row_1 { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +/* 设置两行展示 */ +.row_2 { + display: -webkit-box; + overflow: hidden; + text-overflow: ellipsis; + text-overflow: -o-ellipsis-lastline; + -webkit-line-clamp: 2; + line-clamp: 2; + -webkit-box-orient: vertical; + word-break: break-all; +} + +/* 设置3行展示 */ +.row_3 { + display: -webkit-box; + overflow: hidden; + text-overflow: ellipsis; + text-overflow: -o-ellipsis-lastline; + -webkit-line-clamp: 3; + line-clamp: 3; + -webkit-box-orient: vertical; + word-break: break-all; +} + +.nowrap { + white-space: nowrap; +} \ No newline at end of file diff --git a/packages/screen/src/main.js b/packages/screen/src/main.js index b638964..77af003 100644 --- a/packages/screen/src/main.js +++ b/packages/screen/src/main.js @@ -6,6 +6,12 @@ import './styles/index.scss' import ElementPlus from 'element-plus' import zhCn from 'element-plus/es/locale/lang/zh-cn' import 'cesium/Build/Cesium/Widgets/widgets.css' +import './assets/css/fs.scss' +import './assets/css/flex.scss' +import './assets/css/text.scss' + + + import 'virtual:svg-icons-register' import * as Cesium from 'cesium'; diff --git a/packages/screen/src/router/index.js b/packages/screen/src/router/index.js index 564bfd5..75fce03 100644 --- a/packages/screen/src/router/index.js +++ b/packages/screen/src/router/index.js @@ -52,7 +52,15 @@ const routes = [ skipInitialCameraView: true // 跳过MapViewport的自动初始视图，由页面自己控制相机 }, component: () => import('../views/3DSituationalAwarenessRefactor/index.vue') - } + }, + { + path: '/riskWarning', + name: 'RiskWarning', + meta: { + screen: true + }, + component: () => import('../views/RiskWarning/index.vue') + }, ] const router = createRouter({ diff --git a/packages/screen/src/views/RiskWarning/bottom.vue b/packages/screen/src/views/RiskWarning/bottom.vue new file mode 100644 index 0000000..2552672 --- /dev/null +++ b/packages/screen/src/views/RiskWarning/bottom.vue @@ -0,0 +1,514 @@ + + + + + diff --git a/packages/screen/src/views/RiskWarning/component/ringChart.vue b/packages/screen/src/views/RiskWarning/component/ringChart.vue new file mode 100644 index 0000000..5ef7823 --- /dev/null +++ b/packages/screen/src/views/RiskWarning/component/ringChart.vue @@ -0,0 +1,167 @@ + + + + + diff --git a/packages/screen/src/views/RiskWarning/component/sectionHeader.vue b/packages/screen/src/views/RiskWarning/component/sectionHeader.vue new file mode 100644 index 0000000..fe382c1 --- /dev/null +++ b/packages/screen/src/views/RiskWarning/component/sectionHeader.vue @@ -0,0 +1,55 @@ + + + + + diff --git a/packages/screen/src/views/RiskWarning/component/table.vue b/packages/screen/src/views/RiskWarning/component/table.vue new file mode 100644 index 0000000..cff9256 --- /dev/null +++ b/packages/screen/src/views/RiskWarning/component/table.vue @@ -0,0 +1,113 @@ + + + + + diff --git a/packages/screen/src/views/RiskWarning/component/title.vue b/packages/screen/src/views/RiskWarning/component/title.vue new file mode 100644 index 0000000..b75cfc8 --- /dev/null +++ b/packages/screen/src/views/RiskWarning/component/title.vue @@ -0,0 +1,13 @@ + + + + + \ No newline at end of file diff --git a/packages/screen/src/views/RiskWarning/index.vue b/packages/screen/src/views/RiskWarning/index.vue new file mode 100644 index 0000000..86ad990 --- /dev/null +++ b/packages/screen/src/views/RiskWarning/index.vue @@ -0,0 +1,127 @@ + + + + + diff --git a/packages/screen/src/views/RiskWarning/left.vue b/packages/screen/src/views/RiskWarning/left.vue new file mode 100644 index 0000000..70e938f --- /dev/null +++ b/packages/screen/src/views/RiskWarning/left.vue @@ -0,0 +1,733 @@ + + + + + diff --git a/packages/screen/src/views/RiskWarning/right.vue b/packages/screen/src/views/RiskWarning/right.vue new file mode 100644 index 0000000..6d30c62 --- /dev/null +++ b/packages/screen/src/views/RiskWarning/right.vue @@ -0,0 +1,782 @@ + + + + + diff --git a/packages/screen/src/views/RiskWarning/top.vue b/packages/screen/src/views/RiskWarning/top.vue new file mode 100644 index 0000000..861edf1 --- /dev/null +++ b/packages/screen/src/views/RiskWarning/top.vue @@ -0,0 +1,166 @@ + + + + +