From 4c6c9b1835fcc059f5abeab253411cb30b3ce4ec Mon Sep 17 00:00:00 2001 From: tangjiang <465264938@qq.com> Date: Wed, 11 Dec 2019 11:51:00 +0800 Subject: [PATCH] updagte style --- css/demo.css | 85 +++++++++++++------- css/flexleft.css | 163 ++++++++++++++++++++++++++++++++++++++ demo.html | 181 ++++++++++++++++++++++++++++++------------- font/demo_index.html | 46 +++++++++++ font/iconfont.css | 20 +++-- font/iconfont.eot | Bin 2364 -> 2776 bytes font/iconfont.js | 2 +- font/iconfont.json | 14 ++++ font/iconfont.svg | 6 ++ font/iconfont.ttf | Bin 2196 -> 2608 bytes font/iconfont.woff | Bin 1452 -> 1652 bytes font/iconfont.woff2 | Bin 1032 -> 1236 bytes js/demo.js | 64 +++++++++++++++ 13 files changed, 492 insertions(+), 89 deletions(-) create mode 100644 css/flexleft.css create mode 100644 js/demo.js diff --git a/css/demo.css b/css/demo.css index 9de9ef8..2390a01 100644 --- a/css/demo.css +++ b/css/demo.css @@ -33,7 +33,7 @@ body{ } /* .div-a{ position: fixed;width:400px;height:536px;padding:10px;z-index: 1;background-color: rgba(0,0,0,0.3);} .div-b{ width:400px;height:536px;padding:5px;color:rgb(255, 255, 255);position: relative;} */ -.div-a{ position: fixed;width:400px;height:100%;z-index: 1;background-color: rgba(0,0,0,0.3);} +/* .div-a{ position: fixed;height:100%;z-index: 1;background-color: rgba(0,0,0,0.3);} */ /* .div-b{ width:400px;height:536px;padding:5px;color:rgb(255, 255, 255);position: relative;} */ .div-a{ position: fixed; @@ -46,15 +46,22 @@ body{ .div-a.active{ text-align: center; width: 100%; + height: 100%; } -.div-a.active .div-c{ - display: none; -} + .div-b, .div-c{ color:rgb(255, 255, 255); } -.div-b{ height: 60%; } +.div-b{ + height: 60%; + background: green; +} + +.div-b > div{ + width: 100% !important; + height: 100% !important; +} .div-c{ position: relative; box-sizing: border-box; @@ -67,6 +74,15 @@ body{ content: ''; border-top: 1px solid #fff; } + +.div-a.active .div-c{ + display: none; +} +.div-a.active .div-b{ + width: 100%; + height: 100%; +} + .div-video{ height: 60%; /* background: pink; */ @@ -78,23 +94,16 @@ body{ .screen-btn{ position: absolute; right: 10px; - top: 10px; + top: 60px; color: #fff; z-index: 10; cursor: pointer; color: #fff; } -.search-area{ - position: fixed; - right: 20px; - top: 20px; - z-index: 10; - text-align: right; -} - .show_detail{ position: relative; + top: 2px; } .more_icon{ display: inline-block; @@ -108,28 +117,31 @@ body{ transform: rotate(90deg); font-size: 20px !important; cursor: pointer; + color: black; } .detail_info{ + /* display: block; */ display: none; position: absolute; background: #fff; - padding: 10px 0; - right: 40px; - top: -10px; + /* padding: 10px 0; */ + left: 40px; + top: 6px; border-radius: 5px; + z-index: 50; } .detail_info::before{ position: absolute; - left: 100%; - top: 18px; + right: 100%; + top: 12px; content: ''; width: 0; height: 0; - border: 8px solid transparent; - border-left-color: #fff; + border: 6px solid transparent; + border-right-color: #fff; } .info_txt{ width: 50px; @@ -139,6 +151,7 @@ body{ border-bottom: 1px solid #eee; cursor: pointer; text-align: left; + color: black; transition: color .3s; } .info_txt:hover{ @@ -149,14 +162,18 @@ body{ } .search-prov{ + position: relative; + top: 5px; font-size: 0; + margin-right: 10px; /* margin-top: 5px; */ } .search-prov, .lat_lon_sec{ display: none; - margin-top: 10px; + /* display: block; */ + /* margin-top: 10px; */ } .search_input, @@ -184,32 +201,44 @@ body{ width: 150px; padding: 0 15px; } + .search_icon{ cursor: pointer; width: 40px; + line-height: 40px; text-align: center; background: #fff; border: 1px solid #eee; box-sizing: border-box; + color: black; /* box-shadow: 5px 5px 10px #eee; */ } .search_input_common{ + position: relative; + top: -1px; outline: none; border: none; - padding: 5px 10px; - width: 50px; + /* padding: 5px 10px; */ + width: 100px; + height: 40px; + padding: 0 10px; } .lat_lon_search{ + display: inline-block; + vertical-align: top; + position: relative; + top: 5px; cursor: pointer; background: #fff; - display: inline-block; - height: 24px; - line-height: 24px; - width: 24px; + width: 40px; + height: 40px; vertical-align: top; text-align: center; + margin-right: 10px; + line-height: 42px; + color: black; } diff --git a/css/flexleft.css b/css/flexleft.css new file mode 100644 index 0000000..80a4525 --- /dev/null +++ b/css/flexleft.css @@ -0,0 +1,163 @@ +.fixed-left{ + position: fixed; + top: 0px; + bottom: 0; + left: 0; + width: 0; + padding-top: 50px; + /* width: 400px; */ + /* background: green; */ + z-index: 10; + /* opacity: .3; */ + z-index: 40; + transition: width .3s; + overflow: hidden; +} + +.fixed-left.collpased{ + width: 400px; +} + +.fixed-left::before{ + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + content: ''; + background: rgba(0,0,0,0.3); +} + +.fixed-left.active{ + width: 100%; +} + +.left_echart{ + position: absolute; + width: 100%; + height: 60%; +} + +.fixed-left.active .left_echart{ + width: 100%; + height: 100%; + /* background: pink; */ +} +.fixed-left.active::before{ + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + content: ''; + background: rgba(0,0,0,0.3); +} +.video_img{ + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 40%; +} + +.map_header{ + display: flex; + position: fixed; + justify-content: space-between; + align-items: center; + height: 50px; + left: 0; + right: 0; + background: rgba(78, 173, 222, 1); + z-index: 50; + transition: .3s; +} + +.logo_txt{ + margin-left: 15px; + color: #fff; + font-size: 18px; +} + +.logo_txt .collpase-icon{ + margin-right: 5px; + cursor: pointer; +} + +.user_info{ + padding-right: 30px; + font-size: 0; +} +.user_info .info-item{ + display: inline-block; + vertical-align: top; + font-size: 14px; + color: #fff; + line-height: 50px; + cursor: pointer; +} +.info-item .user_img{ + /* display: inline-block; */ + position: relative; + width: 30px; + height: 30px; + border-radius: 50%; + top: 10px; + margin-right: 10px; + +} + +.info-item .user_nick{ + font-size: 14px; +} + +.drop-down{ + position: relative; + margin-left: 10px; +} +.drop-down::before{ + position: absolute; + content: ''; + width: 0; + height: 0; + top: 50%; + right: -15px; + border: 5px solid transparent; + border-top-color: #fff; + margin-top: -2px; +} + +.drop-down-list{ + display: none; + position: absolute; + top: 55px; + right: -20px; + background: #fff; + padding: 10px 0; + line-height: 24px; + min-width: 80px; + text-align: right; +} + +.drop-down-list::before{ + position: absolute; + bottom: 100%; + right: 5px; + width: 0; + height: 0; + content: ''; + border: 5px solid transparent; + border-bottom-color: #fff; +} +.drop-down-item{ + padding: 0 15px; + font-size: 14px; + color: black; + transition: color .3s; +} + +.drop-down-item:hover{ + color: #1890ff; +} + + diff --git a/demo.html b/demo.html index 4cb785c..4c049f7 100644 --- a/demo.html +++ b/demo.html @@ -4,6 +4,7 @@ map + @@ -15,14 +16,117 @@ -
+ + + + + + + +
+

+ + 基于知识图谱的兵要信息平台 +

+ +
+
-
知识图谱
- -
+
-
- -
-
- -
    -
  • 地点
    • -
  • 经纬度
    • -
-
-
- - -
-
- - - -
+ +
+
+
+ - - diff --git a/font/demo_index.html b/font/demo_index.html index 17f821f..865aa06 100644 --- a/font/demo_index.html +++ b/font/demo_index.html @@ -40,6 +40,18 @@
&#xe7ba;
+
  • + +
    展开
    +
    &#xe771;
    +
    • + +
  • + +
    收起
    +
    &#xe772;
    +
    • +
  • 缩小
    @@ -120,6 +132,24 @@
    • +
  • + +
    + 展开 +
    +
    .icon-zhankai +
    +
    • + +
  • + +
    + 收起 +
    +
    .icon-shouqi +
    +
    • +
  • @@ -183,6 +213,22 @@
    #icon-gengduo
    • +
  • + +
    展开
    +
    #icon-zhankai
    +
    • + +
  • + +
    收起
    +
    #icon-shouqi
    +
    • +
  • acE(P{q`(osGK1+||OYv(g!i{bBaz zUv7II%QJR=pJUZ_>*~Ax7qeTZ9pBgtM*$g%=s*cMIzg)CwCaM+^SM$!TQ~Tsu9X(G Zf>hIudZoZ?b)!+x498;K$ZGUYe*v$*v<(0N delta 447 zcmXv~JxD@P7(Lhf?tAu!Bt``dLbarG7)S^OH8@F44fXK7v>$zz2{wdNTZ>$S#^z`V zH*pD?nj0brYEg&Qw#d#?x|hQ}-*?YB_v5}!wZmp|1ZV{7=CZMu*=g2OH?^-=YY7lN z;x2c5zMl?x*MPhQ0*Sn9JJXwMCjdT(z>% diff --git a/font/iconfont.js b/font/iconfont.js index 84f6541..5109530 100644 --- a/font/iconfont.js +++ b/font/iconfont.js @@ -1 +1 @@ -!function(s){var e,l='',t=(e=document.getElementsByTagName("script"))[e.length-1].getAttribute("data-injectcss");if(t&&!s.__iconfont__svg__cssinject__){s.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(e){console&&console.log(e)}}!function(e){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(e,0);else{var t=function(){document.removeEventListener("DOMContentLoaded",t,!1),e()};document.addEventListener("DOMContentLoaded",t,!1)}else document.attachEvent&&(o=e,a=s.document,i=!1,(l=function(){try{a.documentElement.doScroll("left")}catch(e){return void setTimeout(l,50)}n()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,n())});function n(){i||(i=!0,o())}var o,a,i,l}(function(){var e,t,n,o,a,i;(e=document.createElement("div")).innerHTML=l,l=null,(t=e.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",n=t,(o=document.body).firstChild?(a=n,(i=o.firstChild).parentNode.insertBefore(a,i)):o.appendChild(n))})}(window); \ No newline at end of file +!function(s){var e,l='',t=(e=document.getElementsByTagName("script"))[e.length-1].getAttribute("data-injectcss");if(t&&!s.__iconfont__svg__cssinject__){s.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(e){console&&console.log(e)}}!function(e){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(e,0);else{var t=function(){document.removeEventListener("DOMContentLoaded",t,!1),e()};document.addEventListener("DOMContentLoaded",t,!1)}else document.attachEvent&&(o=e,n=s.document,i=!1,(l=function(){try{n.documentElement.doScroll("left")}catch(e){return void setTimeout(l,50)}a()})(),n.onreadystatechange=function(){"complete"==n.readyState&&(n.onreadystatechange=null,a())});function a(){i||(i=!0,o())}var o,n,i,l}(function(){var e,t,a,o,n,i;(e=document.createElement("div")).innerHTML=l,l=null,(t=e.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",a=t,(o=document.body).firstChild?(n=a,(i=o.firstChild).parentNode.insertBefore(n,i)):o.appendChild(a))})}(window); \ No newline at end of file diff --git a/font/iconfont.json b/font/iconfont.json index 10151ec..3d64671 100644 --- a/font/iconfont.json +++ b/font/iconfont.json @@ -19,6 +19,20 @@ "unicode": "e7ba", "unicode_decimal": 59322 }, + { + "icon_id": "32852889", + "name": "展开", + "font_class": "zhankai", + "unicode": "e771", + "unicode_decimal": 59249 + }, + { + "icon_id": "32852890", + "name": "收起", + "font_class": "shouqi", + "unicode": "e772", + "unicode_decimal": 59250 + }, { "icon_id": "46750641", "name": "缩小", diff --git a/font/iconfont.svg b/font/iconfont.svg index 25d7a2b..9b4a313 100644 --- a/font/iconfont.svg +++ b/font/iconfont.svg @@ -26,6 +26,12 @@ Created by iconfont + + + + + + diff --git a/font/iconfont.ttf b/font/iconfont.ttf index 323f15e0ec0d2ad88d74e8a745f6b0b78063da1d..4984621438a8d42f2f8b48fdb00dbde1460ad8b5 100644 GIT binary patch delta 862 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 OPHbdk*mjz0KLY^lo{+Hs diff --git a/font/iconfont.woff2 b/font/iconfont.woff2 index 33818577a8329c6dde92f1dcdbef561f7dd6d906..19d36d047b244079eda7298f7c857704ef90d907 100644 GIT binary patch delta 1224 zcmV;(1ULJL2-FD}cTYw#00961000Ek01E&B000Uw000Drkr*C-P6~$*g>nHl0we<* z3lIPVAO(bN2VWbx2*@t5ZP=rjfCAde5deUN2g--OGvCZ?;)CGU+15z`IA4{%ZvWRb zB^I(#l_;x#w<*?n_j5q$0SPmD{wCbsq}$YZc)Pvd-O`I&hKXlUc3T`^8gNv|?WC|s z!2bWAKW4hrD$8eo-v%_btg_)~JWd`B*O$#_Cm5tBMz@G(lS>6B=ezhk5P*~=cVs@^ zJwh9Y>j|`NmO;=?IdC;pLTnb6T$@2o2#CAs^ag<0?&rx5-w*?oAc4Oqdp#&vH#hY$ zrWl6uq=16X2Vi~^zyR(54#-{_=vE5_cZ_tKtBVJ_i^V8^+T7J4>R$D+;el2PgdWWm z`K08+ph^A@Pl#YR6i5$lkOQ$;FT8t7g+KtG+z|*t9fE*>x(5LRbuR)A)W;m4fEOLt z1n2;n0J1Qmzkxmn`65b3xrE2H<(hJ3H8Y2gj4mu4&p#%Q9u+=#kpJ*uf$DMAQiFo6 zs?&UDp8EKIagnri!{|e|_}i+RiW}9Q_?UK&zyHB1<)&r)^36s%3pXxREZHC(@x6`T z?xeGEt741&DCH_B(@^2Bu6r&wfF2u-iWc)dBpbP-UcNToZ-ZgsBEC(okCF>q$z2x7e0?$v{v#sRdq!nyCA8gMLnZvSPzNXsnhN7eKk9N z%^tUZ-63O%RrqDqqB6O$ zytKTm95m><<(GcL{f6Oh%`wyEF`B{E5rCO;&ytJE=Nnb(g_-#W`Ab*-`)A`<;HzhE zS-mDMD9$Xv*Hr(*hx(W45n=6gwv)X6ulECgH|sclfqrXhHW+5IFlnr$iJ1^0%aUmL zfRAz)no>Qw%tH!It`4r zn^=zc5(Er=1|jWWAXON8_mpvrmTp|g6tlwGk=RlvzAoKy*SFuZk+>8l)sFYfVPvJz z$J0AoKC#as#RYwX#iZ)$B7R39MFMBDqDttO{kznY#>f9Lt%4|x2&su^S9Jd4F; zz5lcJvS0wi0SeH6>|R{5R-_=_MLe4f{wMHt0;>A0K`iH$)PTKAJue`f@Eim7k$_w< z9+U;ej9W8=3$Rg+L*yucbLaQNA4COv5ET-rZ(85WRYS(->i3b^nwDe+b9XVYcabmw zWWrHqVh8dX6OgLht1t_cwSAG#H51>rLfUF&Y?;le__A#=y(+vAprkumdVhf7@$OzR2VZK~W!tmS-S59|D{d(;rnsvJo^%Tp^sn8L_2%w_+O$V0)kg-< zja%2hd+^5X0kWS&gJ*~s60;EbxH`k7Af(8cN{5Pn23Tt-_Ger&AfqwQwTON!Y+sU& zJAB$ak^^GmW2htl{)I-@MtRux966dDpB)ez-WuFQg0RGDaG6RrKi8<>(0tBrb>;rh8 ztLBVzl$< zf*vSKL>NPcsnI%ZMB}Ll3|MQuj7t1`6^vt|!w?IW%KCLMk%Zr#7AZ_b1!BI#P-*E| zRQ5~O;Y5+iSn4d6NT5f{gBYgM8UmUz`ipk|aL99OYb9bv<}^yhd3s?^UF o0!bi3LD&$sP&~zqsOqxguz^#X1Utz%xPfN`8?8xDGXMYp06PrZcK`qY diff --git a/js/demo.js b/js/demo.js new file mode 100644 index 0000000..caaf31b --- /dev/null +++ b/js/demo.js @@ -0,0 +1,64 @@ +/* + * @Description: + * @Author: tangjiang + * @Github: + * @Date: 2019-12-11 09:17:17 + * @LastEditors: tangjiang + * @LastEditTime: 2019-12-11 11:50:01 + */ +$(document).ready(function () { + $('#btn').on('click', function () { + + if ($('.fixed-left').hasClass('active')) { + // 改变样式 + $('.fixed-left').removeClass('active'); + $('.video_img, .search-area').show(); + $('.screen_icon').addClass('icon-kuoda').removeClass('icon-suoxiao'); + + // 重新加载知识图谱 + + } else { + $('.fixed-left').addClass('active'); + $('.video_img, .search-area').hide(); + $('.screen_icon').addClass('icon-suoxiao').removeClass('icon-kuoda'); + } + }); + + // 用户登录信息 + $('.drop-down').on('mouseover', function () { + $('.drop-down-list').show(); + }).on('mouseout', function () { + var timer = setTimeout(function () { + $('.drop-down-list').hide(); + }, 300); + $('.drop-down-list').on('mouseover', function () { + clearTimeout(timer); + $('.drop-down-list').show(); + }).on('mouseout', function () { + $('.drop-down-list').hide(); + }); + }); + + // 收缩左侧侧边栏 + $('.collpase-icon').on('click', function() { + if ($('.fixed-left').hasClass('collpased')) { + $('.fixed-left').removeClass('collpased'); + $('.map_header').css({left: 0}); + // $('.collpase-icon').remove('icon-zhankai').add('icon-shouqi'); + // $('.collpase-icon').addClass('icon-zhankai').remove('icon-shouqi'); + } else { + $('.fixed-left').addClass('collpased'); + $('.map_header').css({left: '400px'}); + // $('.collpase-icon').remove('icon-shouqi').add('icon-zhankai'); + } + + if ($(this).hasClass('icon-zhankai')) { + $(this).removeClass('icon-zhankai').addClass('icon-shouqi') + } else { + $(this).removeClass('icon-shouqi').addClass('icon-zhankai') + } + // $(this).hasClass('icon-zhankai') + // ? $(this).removeClass('icon-zhankai').addClass('icon-shouqi') + // : $(this).removeClass('icon-shouqi').addClass('icon-zhankai) + }) +}); \ No newline at end of file