From acf2eac2feb3e968c5ef09f08ca63009a9e133ce Mon Sep 17 00:00:00 2001 From: xuanchen <122383162@qq.com> Date: Thu, 17 Sep 2020 10:43:05 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E9=9D=99=E6=80=81=E6=96=87?= =?UTF-8?q?=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/assets/index/css/style.css | 163 +++++++++++++++++++++++++ public/assets/index/images/jiantou.png | Bin 0 -> 1014 bytes public/assets/index/images/jtt.png | Bin 0 -> 146 bytes public/assets/index/images/jtx.png | Bin 0 -> 14931 bytes public/assets/index/js/Tabs.js | 106 ++++++++++++++++ 5 files changed, 269 insertions(+) create mode 100644 public/assets/index/images/jiantou.png create mode 100644 public/assets/index/images/jtt.png create mode 100644 public/assets/index/images/jtx.png create mode 100644 public/assets/index/js/Tabs.js diff --git a/public/assets/index/css/style.css b/public/assets/index/css/style.css index 801dea0..744c800 100644 --- a/public/assets/index/css/style.css +++ b/public/assets/index/css/style.css @@ -602,3 +602,166 @@ p{text-align:justify} height: 1.3rem; margin: 1rem .5rem 0 0; } + +/*详情*/ +.details { + overflow: hidden; +} +.page-left { + width: 280px; + float: left; + background: #fff; +} +.page-right { + width: 900px; + float: right; + margin-left: 20px; + margin-top: 20px; +} +.pagelist h1 { + color: #fff; + height: 45px; + line-height: 45px; + font-size: 18px; + font-weight: 600; + background: #016ad2; + padding-left: 20px; + margin-top: 20px; +} +.pagelist .listbox { + border: 1px solid #efefef; + margin: 20px 0; +} +.pagelist li { + border-top: 1px solid #efefef; + border-bottom: 1px solid #efefef; + margin-top: -1px; +} +.pagelist li a { + height: 35px; + line-height: 35px; + display: block; + background: url(../images/sanjiao2.png) 220px 14px no-repeat #fafafa; + font-size: 14px; + color: #333; + padding-left: 20px; +} +.pagelist li a:hover, +.pagelist li.active>a { + background: url(../images/sanjiao.png) 218px 14px no-repeat #fafafa; + font-weight: bold; +} +.pagelujing { + height: 40px; + border-bottom: 2px solid #efefef; + position: relative; + margin-bottom: 14px; +} +.pagelujing .name { + position: absolute; + left: 0; + top: 0; + height: 40px; + border-bottom: 2px solid #016bd2; + line-height: 40px; + font-size: 16px; + font-weight: bold; +} +.pagelujing span { + position: absolute; + right: 0; + line-height: 40px; + color: #888; +} +.tcdPageCode { + padding: 15px 20px; + text-align: left; + color: #ccc; + text-align: center; + margin-top: 30px; +} +.tcdPageCode span.disabled { + display: inline-block; + height: 25px; + line-height: 25px; + padding: 0 10px; + margin: 0 2px; + color: #bfbfbf; + background: #f2f2f2; + border: 1px solid #bfbfbf; + border-radius: 4px; + vertical-align: middle; +} +.tcdPageCode span.current { + display: inline-block; + height: 25px; + line-height: 25px; + padding: 0 10px; + margin: 0 2px; + color: #fff; + background-color: #428bca; + border: 1px solid #428bca; + border-radius: 4px; + vertical-align: middle; +} +.tcdPageCode a { + display: inline-block; + color: #428bca; + display: inline-block; + height: 25px; + line-height: 25px; + padding: 0 10px; + border: 1px solid #ddd; + margin: 0 2px; + border-radius: 4px; + vertical-align: middle; +} +.newslist li { + border-bottom: 1px dotted #dedede; + position: relative; + padding: 0 80px 0 14px; + background: url(../images/jiantou.png) 2px 15px no-repeat; +} +.newslist li a { + display: block; + height: 36px; + width: 100%; + line-height: 36px; + font-size: 14px; + color: #666; + word-break: break-all; + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; +} +.newslist li span { + position: absolute; + right: 0; + top: 0; + line-height: 36px; + color: #bbb; + text-align: center; +} +.biaoti { + font-size: 18px; + color: #333; + text-align: center; + margin: 0 20px; + font-weight: 600; + margin-top: 30px; +} +.sshuomign { + color: #888; + font-size: 12px; + line-height: 30px; + text-align: center; +} +.article_txt { + font-size: 14px; + line-height: 28px; + color: #454545; + margin: 20px 0; + overflow: hidden; + text-align: center; +} diff --git a/public/assets/index/images/jiantou.png b/public/assets/index/images/jiantou.png new file mode 100644 index 0000000000000000000000000000000000000000..7b41b61bc07d62e470d8c3d555bd7df9795d6d4d GIT binary patch literal 1014 zcmaJ=PiWIn91eA&OeY)cFh%f@Av#%;y#86+xVp7X>nf&}wy-i4%#yb?bjgd!o6WY1 zOfM5BcoBpR^f2(Ew;jd~dJ**EO%H?N&0PldBIrTzrE5D6*1*gA!}oo^@ArGZx026Y z?dd+#%`i+)c0wx9`6wO7j{E5U#{1qaI-MrzGAZI2Qd4ZiBs4sYK-N%ZQ2{C1!rhN( zlwpnly;LS;`MRiLgHt>V=NcAeGtB6iYbk0K5ipHrbu-S^x8Jfr*W&DCSQca}g(~{Q zqK%4+xstkARbv`Eb_I;OA{8(YQGjdAnU3hj*@mu2*WNMDf(C?C*E_i* z8dnQ)*q-HKEEe-L0s%io_?-olD6Zdh23raea#UNlh>lI*DJs)=p2S(|^dJSpYRj5V zvrM#LysKC|gQ7+93sW==Yz(PHDkHd;vLl-d5?w%?x^>EHPyxgqTbm{xT9W^ zt9AA=(vizkGrV`Le_eCyi1v=RY&R|4wA&t;wAXFg)V_1KyazRxl@cX)=j3B}YP_$% z>sR0UtM%naJ1ghAdm=CLQQzxa`X}DreLj3`==0RqrKS2({ldc!vCDg3rUran-+Ghv z-GK)$?`MZr;S+fL;@;W%@3mre^=5UW|I^myGnjezv~X#oH~Ia?34z()AKzTNUH9HI NlTGKOH_1E8e*owuL*D=Z literal 0 HcmV?d00001 diff --git a/public/assets/index/images/jtt.png b/public/assets/index/images/jtt.png new file mode 100644 index 0000000000000000000000000000000000000000..2ec30d9d70e73c2f25488324fab4d1bc44a45324 GIT binary patch literal 146 zcmeAS@N?(olHy`uVBq!ia0vp^oIuRV!3HF!2OrA@Qj#UE5hcO-X(i=}MX3yqDfvmM z3ZA)%>8U}fi7AzZCsS>JicCCR978H@CH?sS-=5j%--m~X>q`vP*i=4ze0==>2@@WJ th1v&>r5{?x5UZ$sf|rMd!J&bX;ZcQI)tTxQCxQAIJYD@<);T3K0RSNaF$4er literal 0 HcmV?d00001 diff --git a/public/assets/index/images/jtx.png b/public/assets/index/images/jtx.png new file mode 100644 index 0000000000000000000000000000000000000000..114731e6b74a5a55c392d8be90639512811a4fb2 GIT binary patch literal 14931 zcmeI3%ZnpL9LGzR6^-seM0WMmWD%c9cjqxl+D?|)Jaz`mILt(L1_Y<3yOK1Mbhq7| zNoGLM@#MvYxi~8ed-EtByzN0e=s^%X?|-1e3O){k5UabB^e?Ze5%yStB)|OX`}q_jU7((dE`dVd+em_m$m!Eo)ety3F!-1c$*LGcmo_XGXKY_lucMYM! zsnOW+cIs~{n$=BW-P$L~LD!~ggwz`Y8*2x|6ZT2VFpKfuAAB1Z480h?ovllCyG+`~ z+Ob2nk2f0H@qt#*<2On%b)Zm#F7dE1=ypt385HAzuR>!#EyjgF;vE#@tA2;VPJL4- zTMiMj$!tQC=D_xuT*gdBcfYvpUbV!$$xRipta4dG)@+`M) zEde-bUW(B(noC&tElbPDz*th|w}fTEnhK{{r3+apI|O@{)3B^gDO|3bbHI{k)}S0o9TgvuF@x}_Va)}(tq{Y)+s405`B&bnf0J%0_2taWN#m2w%WT#@qS!cAGO<_h^#t(>Xlb2Vu- zm#U@5wxD$0mN>>C(QA&?4Ys$99hdmKrWhY@o5^`FS_8qpQ;hkchSyWBEWe()(&&1q zxf(X>%SKwRvYbI_tlzkw&;#v973Vtbj5OKt&PnV(M#eO+Bh*=qKf{kb&Tmr z3$xR6IbMJBbFb=}(zKi|_DV( z3f4)OrMG7Eu27uZ7EUjr$)r3({c592XN26mVRS1~cZkn24Z&rT;kaC95RqOQq?`u^1)_P^NF?hKD*WK6uy#F!UdwB2fv*+%g z{Iq-L#k+gYz8AYjUuQpG{`!yMaCqnB!!LjQ_tw=*v~D=OgueOhl}DeYAL;ZbTCZ+Y JzPh=0@*lK0CK3Pu literal 0 HcmV?d00001 diff --git a/public/assets/index/js/Tabs.js b/public/assets/index/js/Tabs.js new file mode 100644 index 0000000..d502176 --- /dev/null +++ b/public/assets/index/js/Tabs.js @@ -0,0 +1,106 @@ + +(function($){ + + $.fn.rTabs = function(options){ + + //默认值 + var defaultVal = { + btnClass:'.j-tab-nav', /*按钮的父级Class*/ + conClass:'.j-tab-con', /*内容的父级Class*/ + bind:'hover', /*事件参数 click,hover*/ + animation:'0', /*动画方向 left,up,fadein,0 为无动画*/ + speed:300, /*动画运动速度*/ + delay:200, /*Tab延迟速度*/ + auto:true, /*是否开启自动运行 true,false*/ + autoSpeed:8000 /*自动运行速度*/ + }; + + //全局变量 + var obj = $.extend(defaultVal, options), + evt = obj.bind, + btn = $(this).find(obj.btnClass), + con = $(this).find(obj.conClass), + anim = obj.animation, + conWidth = con.width(), + conHeight = con.height(), + len = con.children().length, + sw = len * conWidth, + sh = len * conHeight, + i = 0, + len,t,timer; + + return this.each(function(){ + + //判断动画方向 + function judgeAnim(){ + var w = i * conWidth, + h = i * conHeight; + btn.children().removeClass('current').eq(i).addClass('current'); + switch(anim){ + case '0': + con.children().hide().eq(i).show(); + break; + case 'left': + con.css({position:'absolute',width:sw}).children().css({float:'left',display:'block'}).end().stop().animate({left:-w},obj.speed); + break; + case 'up': + con.css({position:'absolute',height:sh}).children().css({display:'block'}).end().stop().animate({top:-h},obj.speed); + break; + case 'fadein': + con.children().hide().eq(i).fadeIn(); + break; + } + } + + //判断事件类型 + if(evt == "hover"){ + btn.children().hover(function(){ + var j = $(this).index(); + function s(){ + i = j; + judgeAnim(); + } + timer=setTimeout(s,obj.delay); + }, function(){ + clearTimeout(timer); + }) + }else{ + btn.children().bind(evt,function(){ + i = $(this).index(); + judgeAnim(); + }) + } + + //自动运行 + function startRun(){ + t = setInterval(function(){ + i++; + if(i>=len){ + switch(anim){ + case 'left': + con.stop().css({left:conWidth}); + break; + case 'up': + con.stop().css({top:conHeight}); + } + i=0; + } + judgeAnim(); + },obj.autoSpeed) + } + + //如果自动运行开启，调用自动运行函数 + if(obj.auto){ + $(this).hover(function(){ + clearInterval(t); + },function(){ + startRun(); + }) + startRun(); + } + + }) + + } + +})(jQuery); \ No newline at end of file