<#if article.hasUpdated>
diff --git a/metro-hot/css/base.css b/metro-hot/css/base.css
index fd270b4..6d6e026 100644
--- a/metro-hot/css/base.css
+++ b/metro-hot/css/base.css
@@ -1 +1 @@
-.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.content-reset img{cursor:zoom-in}.content-reset img.emoji{cursor:auto;max-width:18px}.content-reset h1,.content-reset h2,.content-reset h3,.content-reset h4,.content-reset h5,.content-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.content-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.content-reset p{margin-top:0;margin-bottom:16px}.content-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin-bottom:16px}.content-reset blockquote p{margin:0}.content-reset ins>iframe{border:0}.content-reset iframe{border:1px solid rgba(0,0,0,0.38)}.content-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.content-reset thead{text-align:center}.content-reset td,.content-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.content-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.content-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas, "Liberation Mono", Menlo, Courier, monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{list-style:none;margin-left:-1em}.img-preview{width:100%;height:100%;top:0;z-index:211;overflow:auto;cursor:zoom-out;transition:background-color .2s ease-in-out}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out}.vditor-upload--tip{height:20px;font-size:12px;line-height:20px;color:#fff;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{position:absolute;right:5px;top:0;cursor:pointer;display:block}.vditor-upload--tip .vditor-upload__progress{padding:0 5px}.vditor-upload__close{display:none}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}@font-face{font-family:'IcoMoon';src:url("font/IcoMoon.eot");src:url("font/IcoMoon.eot?#iefix") format("embedded-opentype"),url("font/IcoMoon.svg#IcoMoon") format("svg"),url("font/IcoMoon.woff") format("woff"),url("font/IcoMoon.ttf") format("truetype");font-weight:normal;font-style:normal}[data-ico]:before{font-family:'IcoMoon';content:attr(data-ico);speak:none;cursor:pointer}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Verdana, arial, '\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#292929;min-height:1990px;margin:0;color:#D1D2D1}a{outline:0;text-decoration:none;color:#BDBEBD}a:hover{color:#FFF}a:focus{color:#9E0B0E !important}sub,sup{position:relative;font-size:70%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:'\5fae\8f6f\96c5\9ed1';outline:none}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}.fn-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.footer a:hover,.article-relative a:hover,.article-abstract .article-title a:hover,.article-abstract .article-tags a:hover,.content-reset a{text-decoration:underline}.content-reset a:hover{text-decoration:none}.wrapper{height:auto;margin:30px auto 10px;width:1190px}.footer{background-color:#141414;color:#FFF;padding:30px;margin-right:10px}.main{float:left;width:920px}.header{position:relative}.header .title{color:#E61E1E;padding:30px 0}.header .title:hover{color:#CA1B1E}.header .title>span:before{color:inherit}.top-info{font-size:38px;height:46px;line-height:46px}.top-info>hr{background-color:#7B7B7B;border:0 none;display:inline-block;height:42px;margin:2px 10px;padding:0;vertical-align:top;width:1px}.top-info a{color:#FFF}.top-info a:hover{color:#CA1B1E}#showTop{display:none}.sub-nav{background-color:#E61E1E;color:#FFF;padding:30px;margin:30px 0}.sub-nav>h2{float:left;margin:0}.pagination{float:right;margin-top:5px}.pagination>a,.pagination>span{background-color:#EA4040;color:#FFF;padding:6px 7px;text-align:center;font-weight:bold}.pagination>a:hover,.pagination>span{color:#E61E1E;background-color:#FFF}.navigation{background-color:#FFF;border:2px solid #BABABA;left:0;list-style:none outside none;margin:0;min-width:223px;padding:0;position:absolute;top:63px;z-index:1;display:none}.navigation a{background-color:#FFF;border-bottom:1px solid #BABABA;color:#333;display:block;padding:10px 15px}.navigation a:hover{background-color:#E61E1E;color:#FFFFFF}.navigation a.lats{border-bottom-width:0}.navigation .page-icon{float:left;height:14px;width:14px;margin:2px 5px 0 0}.main .pagination{float:none;padding:20px 0 25px;text-align:right;margin-right:10px;line-height:34px}.article-list>div{background-color:#323232;float:left;height:220px;margin:5px 10px 5px 0;overflow:hidden;position:relative;width:450px}.article-abstract{background-color:#3E3E3E;opacity:0.9;filter:alpha(opacity=90);position:absolute;top:0;width:100%;transition:all 1.2s;height:100%}.article-image{top:151px}.article-list>div:hover .article-image{top:0}.article-list>div>img{max-width:100%;transition:all 1.2s;display:block;margin:0 auto}.article-list>div:hover>img{transform:scale(1.2)}.article-date{float:left;margin:10px}.article-title{height:24px;line-height:24px;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:430px;font-weight:normal}.article-title span{color:#E61E1E}.article-title a{color:#F8F7F7}.article-title sup{color:#9E0B0E}.article-abstract .fn-right{display:none;position:absolute;right:0}.article-abstract:hover .fn-right{display:block}.article-abstract .fn-right>a{background-color:#FFF;color:#E61E1E;float:left;padding:10px;transition:all 0.8s}.article-abstract .fn-right>a:hover{color:#FFF;background-color:#E61E1E}.article-abstract>.article-tags{margin:10px 0 0 10px}.article-abstract>.content-reset{margin:10px;overflow:hidden;white-space:inherit;word-wrap:break-word;padding:10px;height:95px}.side{float:right;width:240px}#search{background-color:#FFF;border:0 none;color:#3A3A3A;height:50px;margin-top:5px;padding:0 10px;width:177px;transition:all 0.3s ease-out 0s}.side form>span{background-color:#FFF;color:#3A3A3A;float:right;font-size:25px;height:32px;margin-top:5px;padding:9px}.side-tile{color:#FFF;float:left;margin-top:20px;padding:15px 25px 15px 25px;position:relative;background-color:#F09609;width:65px;transition:all 0.3s ease-out 0s}.side-tile:hover,.side form input:focus,.form input:focus,.form textarea:focus,.form button:hover,#dynamic .footer:hover{outline:3px solid #BABABA}.side-tile>span{display:block;font-size:60px;text-align:center;width:60px}.side-tile>.title{line-height:17px}.side-tile>.text{font-size:15px;font-weight:bold;left:93px;line-height:30px;position:absolute;top:20px}.side-tile>.text a{color:#FFF}.online-count,.user,.notice-board,.share,.article-relative{width:188px}.translate,.logout,.prev,.prev-disabled{margin-left:10px}.translate{background-color:#2E8BCC}.login,.settings{background-color:#008641}.logout,.register{background-color:#7B4F9D}.next,.prev{background-color:#E61E1E}.next-disabled,.prev-disabled{color:#BDBEBD;background-color:#EA4040}.user{background-color:#393}.user img{margin:0 10px 10px 0;height:60px;width:60px}.online-count,.share{background-color:#20608E}.share div.text{color:#BDBEBD;font-size:43px;font-weight:normal;left:128px;line-height:54px;top:5px;width:105px}.share .text span:hover{color:#FFF}.online-count .text,.article-relative .text{font-size:12px;font-weight:normal;left:104px;line-height:19px;text-align:left;top:12px}.article-relative .text{left:70px;overflow:hidden;top:10px;white-space:nowrap;width:158px;word-break:keep-all}.article-relative .text ul{margin:0}.notice-board{background-color:#2E8BCC;overflow:hidden;height:auto}.user .text,.notice-board .text{top:36px}#goCmt,#goTop{background-color:#141414;bottom:10px;font-size:30px;height:35px;padding:5px 7px;position:fixed;right:30px;width:30px;z-index:10}#goCmt{bottom:55px}.archives{background-color:#323232;padding:10px;margin:5px 10px 30px 0}.archives li{list-style:none;float:left}.archives a{background-color:#E61E1E;color:#FFF;line-height:15px;float:left;margin:10px;padding:10px 15px;white-space:nowrap;transition:all 0.8s}.archives a:hover{background-color:#FFF;color:#E61E1E}.article-header{background-color:#E61E1E;margin:30px 0;padding:20px 30px;position:relative}.article-info{position:absolute;right:0;top:0}.article-info>a{background-color:#FFF;color:#E61E1E;transition:all 0.8s;font-size:14px;float:left;padding:14px;border-bottom:1px solid #FFF;border-left:1px solid #FFF}.article-info>a:hover{background-color:#E61E1E;color:#FFF}.article-header h2{color:#FFF}.article-header h2>span{font-weight:normal;color:#D1D2D1}.article-header .article-date{float:none;margin:0}.content-reset{background-color:#323232;margin-bottom:30px;overflow:hidden;padding:10px;white-space:normal;word-break:break-all;font-size:14px;word-wrap:break-word}.main>.content-reset{margin-right:10px;margin-top:20px}pre.prettyprint{background-color:#F7F7F7}#comments{position:relative}#comments>div{margin-bottom:20px;margin-right:10px}#comments>div.fn-clear>img{width:80px}#comments .content-reset{margin:10px 0;width:800px}#comments .user-name{color:#E61E1E;font-weight:bold}#comments .user-name:hover{color:#CA1B1E}.comment-info a{color:#F8F7F7}.at{font-size:15px;color:#FFF;font-weight:bold}.comment-main{float:right}.comment-body-ref{background-color:#EA4040;left:79px;padding:10px;position:absolute;width:900px;z-index:1}.comment-disabled{background-color:#EA4040;color:#FFFFFF;margin:0 10px 30px 0;padding:5px 20px}.form{width:600px;margin-bottom:30px}.form input,.form textarea{height:30px;margin:5px 10px 5px 0;padding:0 5px;transition:all 0.3s ease-out 0s;width:456px}.form textarea{width:600px;height:300px;margin:0 0 10px}.form button{background-color:#E61E1E;border:0 none;color:#FFFFFF;cursor:pointer;font-size:15px;transition:all 0.3s ease-out 0s;padding:10px 50px}.tip{color:#CA1B1E}#dynamic #comments{background-color:#EA4040;margin-top:5px;padding:25px 15px 15px 25px}#dynamic #comments .content-reset{width:743px}#dynamic .article-relative .text{left:110px}#dynamic .footer{margin:20px 0 10px;float:left;transition:all 0.3s ease-out 0s}.most-comment,.most-view,.links-tile,.tags-tile{position:static;background-color:#F09609;width:535px;margin-top:20px}.most-view{margin-left:20px;background-color:#2E8BCC}.tags-tile{margin-left:20px;background-color:#339933}.links-tile{background-color:#7B4F9D}.tags-tile span,.links-tile span,.most-comment span,.most-view span{font-size:60px}.tags-tile .text,.links-tile .text,.most-comment .text,.most-view .text{position:static;width:430px}.tags-tile a,.links-tile a{background-color:#EA4040;color:#D1D2D1;float:left;font-size:12px;line-height:20px;margin:6px;padding:5px 10px;transition:all 0.8s ease 0s;white-space:nowrap}.tags-tile a:hover,.links-tile a:hover{background-color:#FFF;color:#EA4040}.most-comment .text,.most-view .text{margin-right:20px;line-height:24px}.most-comment .text a:hover,.most-view .text a:hover{text-decoration:underline}.most-comment .text span,.most-view .text span{color:#D1D2D1;font-size:13px;font-weight:normal}
+.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.content-reset img{cursor:zoom-in}.content-reset img.emoji{cursor:auto;max-width:18px}.content-reset h1,.content-reset h2,.content-reset h3,.content-reset h4,.content-reset h5,.content-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.content-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.content-reset p{margin-top:0;margin-bottom:16px}.content-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin-bottom:16px}.content-reset blockquote p{margin:0}.content-reset ins>iframe{border:0}.content-reset iframe{border:1px solid rgba(0,0,0,0.38)}.content-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.content-reset thead{text-align:center}.content-reset td,.content-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.content-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.content-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas, "Liberation Mono", Menlo, Courier, monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{list-style:none;margin-left:-1em}.img-preview{width:100%;height:100%;top:0;z-index:211;overflow:auto;cursor:zoom-out;transition:background-color .2s ease-in-out}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out}.vditor-upload--tip{height:20px;font-size:12px;line-height:20px;color:#fff;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{position:absolute;right:5px;top:0;cursor:pointer;display:block}.vditor-upload--tip .vditor-upload__progress{padding:0 5px}.vditor-upload__close{display:none}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}@font-face{font-family:'IcoMoon';src:url("font/IcoMoon.eot");src:url("font/IcoMoon.eot?#iefix") format("embedded-opentype"),url("font/IcoMoon.svg#IcoMoon") format("svg"),url("font/IcoMoon.woff") format("woff"),url("font/IcoMoon.ttf") format("truetype");font-weight:normal;font-style:normal}[data-ico]:before{font-family:'IcoMoon';content:attr(data-ico);speak:none;cursor:pointer}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Verdana, arial, '\5fae\8f6f\96c5\9ed1';font-size:12px;background-color:#292929;min-height:1990px;margin:0;color:#D1D2D1}a{outline:0;text-decoration:none;color:#BDBEBD}a:hover{color:#FFF}a:focus{color:#9E0B0E !important}sub,sup{position:relative;font-size:70%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:'\5fae\8f6f\96c5\9ed1';outline:none}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}::selection{background-color:#D5D5D5;color:#FCFCFC}::-moz-selection{background-color:#D5D5D5;color:#FCFCFC}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}.fn-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.footer a:hover,.article-relative a:hover,.article-abstract .article-title a:hover,.article-abstract .article-tags a:hover,.content-reset a{text-decoration:underline}.content-reset a:hover{text-decoration:none}.wrapper{height:auto;margin:30px auto 10px;width:1190px}.footer{background-color:#141414;color:#FFF;padding:30px;margin-right:10px}.main{float:left;width:920px}.header{position:relative}.header .title{color:#E61E1E;padding:30px 0}.header .title:hover{color:#CA1B1E}.header .title>span:before{color:inherit}.top-info{font-size:38px;height:46px;line-height:46px}.top-info>hr{background-color:#7B7B7B;border:0 none;display:inline-block;height:42px;margin:2px 10px;padding:0;vertical-align:top;width:1px}.top-info a{color:#FFF}.top-info a:hover{color:#CA1B1E}#showTop{display:none}.sub-nav{background-color:#E61E1E;color:#FFF;padding:30px;margin:30px 0}.sub-nav>h2{float:left;margin:0}.pagination{float:right;margin-top:5px}.pagination>a,.pagination>span{background-color:#EA4040;color:#FFF;padding:6px 7px;text-align:center;font-weight:bold}.pagination>a:hover,.pagination>span{color:#E61E1E;background-color:#FFF}.navigation{background-color:#FFF;border:2px solid #BABABA;left:0;list-style:none outside none;margin:0;min-width:223px;padding:0;position:absolute;top:63px;z-index:1;display:none}.navigation a{background-color:#FFF;border-bottom:1px solid #BABABA;color:#333;display:block;padding:10px 15px}.navigation a:hover{background-color:#E61E1E;color:#FFFFFF}.navigation a.lats{border-bottom-width:0}.navigation .page-icon{float:left;height:14px;width:14px;margin:2px 5px 0 0}.main .pagination{float:none;padding:20px 0 25px;text-align:right;margin-right:10px;line-height:34px}.article-list>div{background-color:#323232;float:left;height:220px;margin:5px 10px 5px 0;overflow:hidden;position:relative;width:450px}.article-abstract{background-color:#3E3E3E;opacity:0.9;filter:alpha(opacity=90);position:absolute;top:0;width:100%;transition:all 1.2s;height:100%}.article-image{top:151px}.article-list>div:hover .article-image{top:0}.article-list>div>img{max-width:100%;transition:all 1.2s;display:block;margin:0 auto}.article-list>div:hover>img{transform:scale(1.2)}.article-date{float:left;margin:10px}.article-title{height:24px;line-height:24px;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:430px;font-weight:normal}.article-title span{color:#E61E1E}.article-title a{color:#F8F7F7}.article-title sup{color:#9E0B0E}.article-abstract .fn-right{display:none;position:absolute;right:0}.article-abstract:hover .fn-right{display:block}.article-abstract .fn-right>a{background-color:#FFF;color:#E61E1E;float:left;padding:10px;transition:all 0.8s}.article-abstract .fn-right>a:hover{color:#FFF;background-color:#E61E1E}.article-abstract>.article-tags{margin:10px 0 0 10px}.article-abstract>.content-reset{margin:10px;overflow:hidden;white-space:inherit;word-wrap:break-word;padding:10px;height:95px}.side{float:right;width:240px}#search{background-color:#FFF;border:0 none;color:#3A3A3A;height:50px;margin-top:5px;padding:0 10px;width:177px;transition:all 0.3s ease-out 0s}.side form>span{background-color:#FFF;color:#3A3A3A;float:right;font-size:25px;height:32px;margin-top:5px;padding:9px}.side-tile{color:#FFF;float:left;margin-top:20px;padding:15px 25px 15px 25px;position:relative;background-color:#F09609;width:65px;transition:all 0.3s ease-out 0s}.side-tile:hover,.side form input:focus,.form input:focus,.form textarea:focus,.form button:hover,#dynamic .footer:hover{outline:3px solid #BABABA}.side-tile>span{display:block;font-size:60px;text-align:center;width:60px}.side-tile>.title{line-height:17px}.side-tile>.text{font-size:15px;font-weight:bold;left:93px;line-height:30px;position:absolute;top:20px}.side-tile>.text a{color:#FFF}.online-count,.user,.notice-board,.share,.article-relative{width:188px}.translate,.logout,.prev,.prev-disabled{margin-left:10px}.translate{background-color:#2E8BCC}.login,.settings{background-color:#008641}.logout,.register{background-color:#7B4F9D}.next,.prev{background-color:#E61E1E}.next-disabled,.prev-disabled{color:#BDBEBD;background-color:#EA4040}.user{background-color:#393}.user img{margin:0 10px 10px 0;height:60px;width:60px}.online-count,.share{background-color:#20608E}.share div.text{color:#BDBEBD;font-size:16px;font-weight:normal;left:128px;line-height:54px;top:5px;width:105px}.share div.text .icon-wechat{position:relative}.share div.text .icon-wechat canvas{position:absolute;right:43px;top:-17px}.share .text span:hover{cursor:pointer;color:#FFF}.online-count .text,.article-relative .text{font-size:12px;font-weight:normal;left:104px;line-height:19px;text-align:left;top:12px}.article-relative .text{left:70px;overflow:hidden;top:10px;white-space:nowrap;width:158px;word-break:keep-all}.article-relative .text ul{margin:0}.notice-board{background-color:#2E8BCC;overflow:hidden;height:auto}.user .text,.notice-board .text{top:36px}#goCmt,#goTop{background-color:#141414;bottom:10px;font-size:30px;height:35px;padding:5px 7px;position:fixed;right:30px;width:30px;z-index:10}#goCmt{bottom:55px}.archives{background-color:#323232;padding:10px;margin:5px 10px 30px 0}.archives li{list-style:none;float:left}.archives a{background-color:#E61E1E;color:#FFF;line-height:15px;float:left;margin:10px;padding:10px 15px;white-space:nowrap;transition:all 0.8s}.archives a:hover{background-color:#FFF;color:#E61E1E}.article-header{background-color:#E61E1E;margin:30px 0;padding:20px 30px;position:relative}.article-info{position:absolute;right:0;top:0}.article-info>a{background-color:#FFF;color:#E61E1E;transition:all 0.8s;font-size:14px;float:left;padding:14px;border-bottom:1px solid #FFF;border-left:1px solid #FFF}.article-info>a:hover{background-color:#E61E1E;color:#FFF}.article-header h2{color:#FFF}.article-header h2>span{font-weight:normal;color:#D1D2D1}.article-header .article-date{float:none;margin:0}.content-reset{background-color:#323232;margin-bottom:30px;overflow:hidden;padding:10px;white-space:normal;word-break:break-all;font-size:14px;word-wrap:break-word}.main>.content-reset{margin-right:10px;margin-top:20px}pre.prettyprint{background-color:#F7F7F7}#comments{position:relative}#comments>div{margin-bottom:20px;margin-right:10px}#comments>div.fn-clear>img{width:80px}#comments .content-reset{margin:10px 0;width:800px}#comments .user-name{color:#E61E1E;font-weight:bold}#comments .user-name:hover{color:#CA1B1E}.comment-info a{color:#F8F7F7}.at{font-size:15px;color:#FFF;font-weight:bold}.comment-main{float:right}.comment-body-ref{background-color:#EA4040;left:79px;padding:10px;position:absolute;width:900px;z-index:1}.comment-disabled{background-color:#EA4040;color:#FFFFFF;margin:0 10px 30px 0;padding:5px 20px}.form{width:600px;margin-bottom:30px}.form input,.form textarea{height:30px;margin:5px 10px 5px 0;padding:0 5px;transition:all 0.3s ease-out 0s;width:456px}.form textarea{width:600px;height:300px;margin:0 0 10px}.form button{background-color:#E61E1E;border:0 none;color:#FFFFFF;cursor:pointer;font-size:15px;transition:all 0.3s ease-out 0s;padding:10px 50px}.tip{color:#CA1B1E}#dynamic #comments{background-color:#EA4040;margin-top:5px;padding:25px 15px 15px 25px}#dynamic #comments .content-reset{width:743px}#dynamic .article-relative .text{left:110px}#dynamic .footer{margin:20px 0 10px;float:left;transition:all 0.3s ease-out 0s}.most-comment,.most-view,.links-tile,.tags-tile{position:static;background-color:#F09609;width:535px;margin-top:20px}.most-view{margin-left:20px;background-color:#2E8BCC}.tags-tile{margin-left:20px;background-color:#339933}.links-tile{background-color:#7B4F9D}.tags-tile span,.links-tile span,.most-comment span,.most-view span{font-size:60px}.tags-tile .text,.links-tile .text,.most-comment .text,.most-view .text{position:static;width:430px}.tags-tile a,.links-tile a{background-color:#EA4040;color:#D1D2D1;float:left;font-size:12px;line-height:20px;margin:6px;padding:5px 10px;transition:all 0.8s ease 0s;white-space:nowrap}.tags-tile a:hover,.links-tile a:hover{background-color:#FFF;color:#EA4040}.most-comment .text,.most-view .text{margin-right:20px;line-height:24px}.most-comment .text a:hover,.most-view .text a:hover{text-decoration:underline}.most-comment .text span,.most-view .text span{color:#D1D2D1;font-size:13px;font-weight:normal}
diff --git a/metro-hot/css/base.scss b/metro-hot/css/base.scss
index 6d9fdb2..4e59898 100644
--- a/metro-hot/css/base.scss
+++ b/metro-hot/css/base.scss
@@ -20,166 +20,165 @@
* skin metro-hot style
*
* @author
Liyuan Li
- * @version 2.0.0.0, Feb 21, 2019
+ * @version 2.1.0.0, Feb 27, 2019
*/
-
@import "../../../scss/reset-content";
@import "vditor/src/assets/scss/classic";
/* start base */
@font-face {
- font-family: 'IcoMoon';
- src: url('font/IcoMoon.eot');
- src: url('font/IcoMoon.eot?#iefix') format('embedded-opentype'),
- url('font/IcoMoon.svg#IcoMoon') format('svg'),
- url('font/IcoMoon.woff') format('woff'),
- url('font/IcoMoon.ttf') format('truetype');
- font-weight: normal;
- font-style: normal;
+ font-family: 'IcoMoon';
+ src: url('font/IcoMoon.eot');
+ src: url('font/IcoMoon.eot?#iefix') format('embedded-opentype'),
+ url('font/IcoMoon.svg#IcoMoon') format('svg'),
+ url('font/IcoMoon.woff') format('woff'),
+ url('font/IcoMoon.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icos */
[data-ico]:before {
- font-family: 'IcoMoon';
- content: attr(data-ico);
- speak: none;
- cursor: pointer;
+ font-family: 'IcoMoon';
+ content: attr(data-ico);
+ speak: none;
+ cursor: pointer;
}
html {
- -webkit-text-size-adjust: 100%;
- -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
}
body {
- font-family: Verdana, arial, '\5fae\8f6f\96c5\9ed1';
- font-size: 12px;
- background-color: #292929;
- min-height: 1990px;
- margin: 0;
- color: #D1D2D1;
+ font-family: Verdana, arial, '\5fae\8f6f\96c5\9ed1';
+ font-size: 12px;
+ background-color: #292929;
+ min-height: 1990px;
+ margin: 0;
+ color: #D1D2D1;
}
a {
- outline: 0;
- text-decoration: none;
- color: #BDBEBD;
+ outline: 0;
+ text-decoration: none;
+ color: #BDBEBD;
}
a:hover {
- color: #FFF;
+ color: #FFF;
}
a:focus {
- color: #9E0B0E !important;
+ color: #9E0B0E !important;
}
sub,
sup {
- position: relative;
- font-size: 70%;
- line-height: 0;
- vertical-align: baseline;
+ position: relative;
+ font-size: 70%;
+ line-height: 0;
+ vertical-align: baseline;
}
sup {
- top: -0.5em;
+ top: -0.5em;
}
sub {
- bottom: -0.25em;
+ bottom: -0.25em;
}
img {
- max-width: 100%;
- vertical-align: middle;
- border: 0;
- -ms-interpolation-mode: bicubic;
+ max-width: 100%;
+ vertical-align: middle;
+ border: 0;
+ -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
- margin: 0;
- font-size: 100%;
- vertical-align: middle;
- font-family: '\5fae\8f6f\96c5\9ed1';
- outline: none;
+ margin: 0;
+ font-size: 100%;
+ vertical-align: middle;
+ font-family: '\5fae\8f6f\96c5\9ed1';
+ outline: none;
}
button,
input {
- line-height: normal;
+ line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
- padding: 0;
- border: 0;
+ padding: 0;
+ border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
- cursor: pointer;
- -webkit-appearance: button;
+ cursor: pointer;
+ -webkit-appearance: button;
}
input[type="search"] {
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- -webkit-appearance: textfield;
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
- -webkit-appearance: none;
+ -webkit-appearance: none;
}
textarea {
- overflow: auto;
- vertical-align: top;
+ overflow: auto;
+ vertical-align: top;
}
::selection {
- background-color: #D5D5D5;
- color: #FCFCFC;
+ background-color: #D5D5D5;
+ color: #FCFCFC;
}
::-moz-selection {
- background-color: #D5D5D5;
- color: #FCFCFC;
+ background-color: #D5D5D5;
+ color: #FCFCFC;
}
.fn-clear:before,
.fn-clear:after {
- display: table;
- content: "";
+ display: table;
+ content: "";
}
.fn-clear:after {
- clear: both;
+ clear: both;
}
.fn-left {
- float: left;
+ float: left;
}
.fn-right {
- float: right;
+ float: right;
}
.fn-none {
- display: none;
+ display: none;
}
.fn-ellipsis {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- word-wrap: normal;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ word-wrap: normal;
}
.footer a:hover,
@@ -187,303 +186,306 @@ textarea {
.article-abstract .article-title a:hover,
.article-abstract .article-tags a:hover,
.content-reset a {
- text-decoration: underline;
+ text-decoration: underline;
}
.content-reset a:hover {
- text-decoration: none;
+ text-decoration: none;
}
+
/* end base */
/* start frame */
.wrapper {
- height: auto;
- margin: 30px auto 10px;
- width: 1190px;
+ height: auto;
+ margin: 30px auto 10px;
+ width: 1190px;
}
.footer {
- background-color: #141414;
- color: #FFF;
- padding: 30px;
- margin-right: 10px;
+ background-color: #141414;
+ color: #FFF;
+ padding: 30px;
+ margin-right: 10px;
}
.main {
- float: left;
- width: 920px;
+ float: left;
+ width: 920px;
}
/* end frame */
/* start header */
.header {
- position: relative;
+ position: relative;
}
.header .title {
- color: #E61E1E;
- padding: 30px 0;
+ color: #E61E1E;
+ padding: 30px 0;
}
.header .title:hover {
- color: #CA1B1E;
+ color: #CA1B1E;
}
.header .title > span:before {
- color: inherit;
+ color: inherit;
}
.top-info {
- font-size: 38px;
- height: 46px;
- line-height: 46px;
+ font-size: 38px;
+ height: 46px;
+ line-height: 46px;
}
.top-info > hr {
- background-color: #7B7B7B;
- border: 0 none;
- display: inline-block;
- height: 42px;
- margin: 2px 10px;
- padding: 0;
- vertical-align: top;
- width: 1px;
+ background-color: #7B7B7B;
+ border: 0 none;
+ display: inline-block;
+ height: 42px;
+ margin: 2px 10px;
+ padding: 0;
+ vertical-align: top;
+ width: 1px;
}
.top-info a {
- color: #FFF;
+ color: #FFF;
}
.top-info a:hover {
- color: #CA1B1E;
+ color: #CA1B1E;
}
#showTop {
- display: none;
+ display: none;
}
.sub-nav {
- background-color: #E61E1E;
- color: #FFF;
- padding: 30px;
- margin: 30px 0;
+ background-color: #E61E1E;
+ color: #FFF;
+ padding: 30px;
+ margin: 30px 0;
}
.sub-nav > h2 {
- float: left;
- margin: 0;
+ float: left;
+ margin: 0;
}
.pagination {
- float: right;
- margin-top: 5px;
+ float: right;
+ margin-top: 5px;
}
.pagination > a,
.pagination > span {
- background-color: #EA4040;
- color: #FFF;
- padding: 6px 7px;
- text-align: center;
- font-weight: bold;
+ background-color: #EA4040;
+ color: #FFF;
+ padding: 6px 7px;
+ text-align: center;
+ font-weight: bold;
}
.pagination > a:hover,
.pagination > span {
- color: #E61E1E;
- background-color: #FFF;
+ color: #E61E1E;
+ background-color: #FFF;
}
.navigation {
- background-color: #FFF;
- border: 2px solid #BABABA;
- left: 0;
- list-style: none outside none;
- margin: 0;
- min-width: 223px;
- padding: 0;
- position: absolute;
- top: 63px;
- z-index: 1;
- display: none;
+ background-color: #FFF;
+ border: 2px solid #BABABA;
+ left: 0;
+ list-style: none outside none;
+ margin: 0;
+ min-width: 223px;
+ padding: 0;
+ position: absolute;
+ top: 63px;
+ z-index: 1;
+ display: none;
}
.navigation a {
- background-color: #FFF;
- border-bottom: 1px solid #BABABA;
- color: #333;
- display: block;
- padding: 10px 15px;
+ background-color: #FFF;
+ border-bottom: 1px solid #BABABA;
+ color: #333;
+ display: block;
+ padding: 10px 15px;
}
.navigation a:hover {
- background-color: #E61E1E;
- color: #FFFFFF;
+ background-color: #E61E1E;
+ color: #FFFFFF;
}
.navigation a.lats {
- border-bottom-width: 0;
+ border-bottom-width: 0;
}
.navigation .page-icon {
- float: left;
- height: 14px;
- width: 14px;
- margin: 2px 5px 0 0;
+ float: left;
+ height: 14px;
+ width: 14px;
+ margin: 2px 5px 0 0;
}
+
/* end header */
/* start article list */
.main .pagination {
- float: none;
- padding: 20px 0 25px;
- text-align: right;
- margin-right: 10px;
- line-height: 34px;
+ float: none;
+ padding: 20px 0 25px;
+ text-align: right;
+ margin-right: 10px;
+ line-height: 34px;
}
.article-list > div {
- background-color: #323232;
- float: left;
- height: 220px;
- margin: 5px 10px 5px 0;
- overflow: hidden;
- position: relative;
- width: 450px;
+ background-color: #323232;
+ float: left;
+ height: 220px;
+ margin: 5px 10px 5px 0;
+ overflow: hidden;
+ position: relative;
+ width: 450px;
}
.article-abstract {
- background-color: #3E3E3E;
- opacity: 0.9;
- filter: alpha(opacity=90);
- position: absolute;
- top: 0;
- width: 100%;
- transition: all 1.2s;
- height: 100%;
+ background-color: #3E3E3E;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+ position: absolute;
+ top: 0;
+ width: 100%;
+ transition: all 1.2s;
+ height: 100%;
}
.article-image {
- top: 151px;
+ top: 151px;
}
.article-list > div:hover .article-image {
- top: 0;
+ top: 0;
}
.article-list > div > img {
- max-width: 100%;
- transition: all 1.2s;
- display: block;
- margin: 0 auto;
+ max-width: 100%;
+ transition: all 1.2s;
+ display: block;
+ margin: 0 auto;
}
.article-list > div:hover > img {
- transform: scale(1.2);
+ transform: scale(1.2);
}
.article-date {
- float: left;
- margin: 10px;
+ float: left;
+ margin: 10px;
}
.article-title {
- height: 24px;
- line-height: 24px;
- margin: 0 10px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- width: 430px;
- font-weight: normal;
+ height: 24px;
+ line-height: 24px;
+ margin: 0 10px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ width: 430px;
+ font-weight: normal;
}
.article-title span {
- color: #E61E1E;
+ color: #E61E1E;
}
.article-title a {
- color: #F8F7F7;
+ color: #F8F7F7;
}
.article-title sup {
- color: #9E0B0E;
+ color: #9E0B0E;
}
.article-abstract .fn-right {
- display: none;
- position: absolute;
- right: 0;
+ display: none;
+ position: absolute;
+ right: 0;
}
.article-abstract:hover .fn-right {
- display: block;
+ display: block;
}
.article-abstract .fn-right > a {
- background-color: #FFF;
- color: #E61E1E;
- float: left;
- padding: 10px;
- transition: all 0.8s;
+ background-color: #FFF;
+ color: #E61E1E;
+ float: left;
+ padding: 10px;
+ transition: all 0.8s;
}
.article-abstract .fn-right > a:hover {
- color: #FFF;
- background-color: #E61E1E;
+ color: #FFF;
+ background-color: #E61E1E;
}
.article-abstract > .article-tags {
- margin: 10px 0 0 10px;
+ margin: 10px 0 0 10px;
}
.article-abstract > .content-reset {
- margin: 10px;
- overflow: hidden;
- white-space: inherit;
- word-wrap: break-word;
- padding: 10px;
- height: 95px;
+ margin: 10px;
+ overflow: hidden;
+ white-space: inherit;
+ word-wrap: break-word;
+ padding: 10px;
+ height: 95px;
}
+
/* end article list */
/* start side */
.side {
- float: right;
- width: 240px;
+ float: right;
+ width: 240px;
}
#search {
- background-color: #FFF;
- border: 0 none;
- color: #3A3A3A;
- height: 50px;
- margin-top: 5px;
- padding: 0 10px;
- width: 177px;
- transition: all 0.3s ease-out 0s;
+ background-color: #FFF;
+ border: 0 none;
+ color: #3A3A3A;
+ height: 50px;
+ margin-top: 5px;
+ padding: 0 10px;
+ width: 177px;
+ transition: all 0.3s ease-out 0s;
}
.side form > span {
- background-color: #FFF;
- color: #3A3A3A;
- float: right;
- font-size: 25px;
- height: 32px;
- margin-top: 5px;
- padding: 9px;
+ background-color: #FFF;
+ color: #3A3A3A;
+ float: right;
+ font-size: 25px;
+ height: 32px;
+ margin-top: 5px;
+ padding: 9px;
}
.side-tile {
- color: #FFF;
- float: left;
- margin-top: 20px;
- padding: 15px 25px 15px 25px;
- position: relative;
- background-color: #F09609;
- width: 65px;
- transition: all 0.3s ease-out 0s;
+ color: #FFF;
+ float: left;
+ margin-top: 20px;
+ padding: 15px 25px 15px 25px;
+ position: relative;
+ background-color: #F09609;
+ width: 65px;
+ transition: all 0.3s ease-out 0s;
}
.side-tile:hover,
@@ -492,31 +494,31 @@ textarea {
.form textarea:focus,
.form button:hover,
#dynamic .footer:hover {
- outline: 3px solid #BABABA;
+ outline: 3px solid #BABABA;
}
.side-tile > span {
- display: block;
- font-size: 60px;
- text-align: center;
- width: 60px;;
+ display: block;
+ font-size: 60px;
+ text-align: center;
+ width: 60px;;
}
.side-tile > .title {
- line-height: 17px;
+ line-height: 17px;
}
.side-tile > .text {
- font-size: 15px;
- font-weight: bold;
- left: 93px;
- line-height: 30px;
- position: absolute;
- top: 20px;
+ font-size: 15px;
+ font-weight: bold;
+ left: 93px;
+ line-height: 30px;
+ position: absolute;
+ top: 20px;
}
.side-tile > .text a {
- color: #FFF;
+ color: #FFF;
}
.online-count,
@@ -524,403 +526,417 @@ textarea {
.notice-board,
.share,
.article-relative {
- width: 188px;
+ width: 188px;
}
.translate,
.logout,
.prev,
.prev-disabled {
- margin-left: 10px;
+ margin-left: 10px;
}
.translate {
- background-color: #2E8BCC;
+ background-color: #2E8BCC;
}
.login,
.settings {
- background-color: #008641;
+ background-color: #008641;
}
.logout,
.register {
- background-color: #7B4F9D;
+ background-color: #7B4F9D;
}
.next,
.prev {
- background-color: #E61E1E;
+ background-color: #E61E1E;
}
.next-disabled,
.prev-disabled {
- color: #BDBEBD;
- background-color: #EA4040;
+ color: #BDBEBD;
+ background-color: #EA4040;
}
.user {
- background-color: #393;
+ background-color: #393;
}
.user img {
- margin: 0 10px 10px 0;
- height: 60px;
- width: 60px;
+ margin: 0 10px 10px 0;
+ height: 60px;
+ width: 60px;
}
.online-count,
.share {
- background-color: #20608E;
+ background-color: #20608E;
}
.share div.text {
- color: #BDBEBD;
- font-size: 43px;
- font-weight: normal;
- left: 128px;
- line-height: 54px;
- top: 5px;
- width: 105px;
+ color: #BDBEBD;
+ font-size: 16px;
+ font-weight: normal;
+ left: 128px;
+ line-height: 54px;
+ top: 5px;
+ width: 105px;
+ .icon-wechat {
+ position: relative;
+ canvas {
+ position: absolute;
+ right: 43px;
+ top: -17px;
+ }
+ }
}
.share .text span:hover {
- color: #FFF;
+ cursor: pointer;
+ color: #FFF;
}
.online-count .text,
.article-relative .text {
- font-size: 12px;
- font-weight: normal;
- left: 104px;
- line-height: 19px;
- text-align: left;
- top: 12px;
+ font-size: 12px;
+ font-weight: normal;
+ left: 104px;
+ line-height: 19px;
+ text-align: left;
+ top: 12px;
}
-.article-relative .text {
- left: 70px;
- overflow: hidden;
- top: 10px;
- white-space: nowrap;
- width: 158px;
- word-break: keep-all;
+.article-relative .text {
+ left: 70px;
+ overflow: hidden;
+ top: 10px;
+ white-space: nowrap;
+ width: 158px;
+ word-break: keep-all;
}
.article-relative .text ul {
- margin: 0;
-}
+ margin: 0;
+}
.notice-board {
- background-color: #2E8BCC;
- overflow: hidden;
- height: auto;
+ background-color: #2E8BCC;
+ overflow: hidden;
+ height: auto;
}
.user .text,
.notice-board .text {
- top: 36px;
+ top: 36px;
}
+
/* end side */
/* start others */
#goCmt,
#goTop {
- background-color: #141414;
- bottom: 10px;
- font-size: 30px;
- height: 35px;
- padding: 5px 7px;
- position: fixed;
- right: 30px;
- width: 30px;
- z-index: 10;
+ background-color: #141414;
+ bottom: 10px;
+ font-size: 30px;
+ height: 35px;
+ padding: 5px 7px;
+ position: fixed;
+ right: 30px;
+ width: 30px;
+ z-index: 10;
}
#goCmt {
- bottom: 55px;
+ bottom: 55px;
}
.archives {
- background-color: #323232;
- padding: 10px;
- margin: 5px 10px 30px 0;
+ background-color: #323232;
+ padding: 10px;
+ margin: 5px 10px 30px 0;
}
.archives li {
- list-style: none;
- float: left;
+ list-style: none;
+ float: left;
}
.archives a {
- background-color: #E61E1E;
- color: #FFF;
- line-height: 15px;
- float: left;
- margin: 10px;
- padding: 10px 15px;
- white-space: nowrap;
- transition: all 0.8s;
+ background-color: #E61E1E;
+ color: #FFF;
+ line-height: 15px;
+ float: left;
+ margin: 10px;
+ padding: 10px 15px;
+ white-space: nowrap;
+ transition: all 0.8s;
}
.archives a:hover {
- background-color: #FFF;
- color: #E61E1E;
+ background-color: #FFF;
+ color: #E61E1E;
}
+
/* end others */
/* start article */
.article-header {
- background-color: #E61E1E;
- margin: 30px 0;
- padding: 20px 30px;
- position: relative;
+ background-color: #E61E1E;
+ margin: 30px 0;
+ padding: 20px 30px;
+ position: relative;
}
.article-info {
- position: absolute;
- right: 0;
- top: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
}
.article-info > a {
- background-color: #FFF;
- color: #E61E1E;
- transition: all 0.8s;
- font-size: 14px;
- float: left;
- padding: 14px;
- border-bottom: 1px solid #FFF;
- border-left: 1px solid #FFF;
+ background-color: #FFF;
+ color: #E61E1E;
+ transition: all 0.8s;
+ font-size: 14px;
+ float: left;
+ padding: 14px;
+ border-bottom: 1px solid #FFF;
+ border-left: 1px solid #FFF;
}
.article-info > a:hover {
- background-color: #E61E1E;
- color: #FFF;
+ background-color: #E61E1E;
+ color: #FFF;
}
.article-header h2 {
- color: #FFF;
+ color: #FFF;
}
.article-header h2 > span {
- font-weight: normal;
- color: #D1D2D1;
+ font-weight: normal;
+ color: #D1D2D1;
}
.article-header .article-date {
- float: none;
- margin: 0;
+ float: none;
+ margin: 0;
}
.content-reset {
- background-color: #323232;
- margin-bottom: 30px;
- overflow: hidden;
- padding: 10px;
- white-space: normal;
- word-break: break-all;
- font-size: 14px;
- word-wrap: break-word;
+ background-color: #323232;
+ margin-bottom: 30px;
+ overflow: hidden;
+ padding: 10px;
+ white-space: normal;
+ word-break: break-all;
+ font-size: 14px;
+ word-wrap: break-word;
}
.main > .content-reset {
- margin-right: 10px;
- margin-top: 20px;
+ margin-right: 10px;
+ margin-top: 20px;
}
pre.prettyprint {
- background-color: #F7F7F7;
+ background-color: #F7F7F7;
}
+
/* end article */
/* start comment */
#comments {
- position: relative;
+ position: relative;
}
#comments > div {
- margin-bottom: 20px;
- margin-right: 10px;
+ margin-bottom: 20px;
+ margin-right: 10px;
}
#comments > div.fn-clear > img {
- width: 80px;
+ width: 80px;
}
#comments .content-reset {
- margin: 10px 0;
- width: 800px;
+ margin: 10px 0;
+ width: 800px;
}
#comments .user-name {
- color: #E61E1E;
- font-weight: bold;
+ color: #E61E1E;
+ font-weight: bold;
}
#comments .user-name:hover {
- color: #CA1B1E;
+ color: #CA1B1E;
}
.comment-info a {
- color: #F8F7F7;
+ color: #F8F7F7;
}
.at {
- font-size: 15px;
- color: #FFF;
- font-weight: bold;
+ font-size: 15px;
+ color: #FFF;
+ font-weight: bold;
}
.comment-main {
- float: right;
+ float: right;
}
.comment-body-ref {
- background-color: #EA4040;
- left: 79px;
- padding: 10px;
- position: absolute;
- width: 900px;
- z-index: 1;
+ background-color: #EA4040;
+ left: 79px;
+ padding: 10px;
+ position: absolute;
+ width: 900px;
+ z-index: 1;
}
.comment-disabled {
- background-color: #EA4040;
- color: #FFFFFF;
- margin: 0 10px 30px 0;
- padding: 5px 20px;
+ background-color: #EA4040;
+ color: #FFFFFF;
+ margin: 0 10px 30px 0;
+ padding: 5px 20px;
}
-.form {
- width: 600px;
- margin-bottom: 30px;
+.form {
+ width: 600px;
+ margin-bottom: 30px;
}
.form input,
.form textarea {
- height: 30px;
- margin: 5px 10px 5px 0;
- padding: 0 5px;
- transition: all 0.3s ease-out 0s;
- width: 456px;
+ height: 30px;
+ margin: 5px 10px 5px 0;
+ padding: 0 5px;
+ transition: all 0.3s ease-out 0s;
+ width: 456px;
}
.form textarea {
- width: 600px;
- height: 300px;
- margin: 0 0 10px;
+ width: 600px;
+ height: 300px;
+ margin: 0 0 10px;
}
.form button {
- background-color: #E61E1E;
- border: 0 none;
- color: #FFFFFF;
- cursor: pointer;
- font-size: 15px;
- transition: all 0.3s ease-out 0s;
- padding: 10px 50px;
+ background-color: #E61E1E;
+ border: 0 none;
+ color: #FFFFFF;
+ cursor: pointer;
+ font-size: 15px;
+ transition: all 0.3s ease-out 0s;
+ padding: 10px 50px;
}
.tip {
- color: #CA1B1E;
+ color: #CA1B1E;
}
+
/* end comment */
/* start dynamic */
#dynamic #comments {
- background-color: #EA4040;
- margin-top: 5px;
- padding: 25px 15px 15px 25px;
+ background-color: #EA4040;
+ margin-top: 5px;
+ padding: 25px 15px 15px 25px;
}
#dynamic #comments .content-reset {
- width: 743px;
+ width: 743px;
}
#dynamic .article-relative .text {
- left: 110px;
+ left: 110px;
}
#dynamic .footer {
- margin: 20px 0 10px;
- float: left;
- transition: all 0.3s ease-out 0s;
+ margin: 20px 0 10px;
+ float: left;
+ transition: all 0.3s ease-out 0s;
}
.most-comment,
.most-view,
.links-tile,
.tags-tile {
- position: static;
- background-color: #F09609;
- width: 535px;
- margin-top: 20px;
+ position: static;
+ background-color: #F09609;
+ width: 535px;
+ margin-top: 20px;
}
.most-view {
- margin-left: 20px;
- background-color: #2E8BCC;
+ margin-left: 20px;
+ background-color: #2E8BCC;
}
.tags-tile {
- margin-left: 20px;
- background-color: #339933;
+ margin-left: 20px;
+ background-color: #339933;
}
.links-tile {
- background-color: #7B4F9D;
+ background-color: #7B4F9D;
}
.tags-tile span,
.links-tile span,
.most-comment span,
.most-view span {
- font-size: 60px;
+ font-size: 60px;
}
.tags-tile .text,
.links-tile .text,
.most-comment .text,
.most-view .text {
- position: static;
- width: 430px;
+ position: static;
+ width: 430px;
}
.tags-tile a,
.links-tile a {
- background-color: #EA4040;
- color: #D1D2D1;
- float: left;
- font-size: 12px;
- line-height: 20px;
- margin: 6px;
- padding: 5px 10px;
- transition: all 0.8s ease 0s;
- white-space: nowrap;
+ background-color: #EA4040;
+ color: #D1D2D1;
+ float: left;
+ font-size: 12px;
+ line-height: 20px;
+ margin: 6px;
+ padding: 5px 10px;
+ transition: all 0.8s ease 0s;
+ white-space: nowrap;
}
.tags-tile a:hover,
.links-tile a:hover {
- background-color: #FFF;
- color: #EA4040;
+ background-color: #FFF;
+ color: #EA4040;
}
.most-comment .text,
.most-view .text {
- margin-right: 20px;
- line-height: 24px;
+ margin-right: 20px;
+ line-height: 24px;
}
.most-comment .text a:hover,
.most-view .text a:hover {
- text-decoration: underline;
+ text-decoration: underline;
}
.most-comment .text span,
.most-view .text span {
- color: #D1D2D1;
- font-size: 13px;
- font-weight: normal;
+ color: #D1D2D1;
+ font-size: 13px;
+ font-weight: normal;
}
+
/* end dynamic */
\ No newline at end of file
diff --git a/metro-hot/js/metro-hot.js b/metro-hot/js/metro-hot.js
index 76a930d..017f1eb 100644
--- a/metro-hot/js/metro-hot.js
+++ b/metro-hot/js/metro-hot.js
@@ -19,7 +19,7 @@
* @fileoverview metro-hot js.
*
* @author
Liyuan Li
- * @version 1.0.1.0, Sep 30, 2013
+ * @version 1.1.0.0, Feb 27, 2019
*/
var MetroHot = {
@@ -150,18 +150,6 @@ var MetroHot = {
$(window).scroll();
},
- initArticleList: function() {
- $(".article-list .article-abstract").each(function() {
- var $it = $(this);
- var $images = $it.find("img");
- if ($images.length > 0) {
- $it.addClass("article-image");
- $images.hide();
-
- $it.before("
.attr("src") + ")
");
- }
- });
- },
/**
* @description 计算图片 margin-top
* @param {BOM} it 图片元素
@@ -173,20 +161,53 @@ var MetroHot = {
* @description 分享按钮
*/
share: function() {
- var title = encodeURIComponent($("title").text()),
- url = window.location.href,
- pic = $(".content-reset img").attr("src");
- var urls = {};
- urls.tencent = "http://share.v.t.qq.com/index.php?c=share&a=index&title=" + title +
- "&url=" + url + "&pic=" + pic;
- urls.sina = "http://v.t.sina.com.cn/share/share.php?title=" +
- title + "&url=" + url + "&pic=" + pic;
- urls.google = "https://plus.google.com/share?url=" + url;
- urls.twitter = "https://twitter.com/intent/tweet?status=" + title + " " + url;
- $(".share span").click(function() {
- var key = $(this).attr("title").toLowerCase();
- window.open(urls[key], "_blank", "top=100,left=200,width=648,height=618");
- });
+ var $this = $('.share .text')
+ var $qrCode = $this.find('.icon-wechat')
+ var shareURL = $qrCode.data('url')
+ var avatarURL = $qrCode.data('avatar')
+ var title = encodeURIComponent($qrCode.data('title') + ' - ' +
+ $qrCode.data('blogtitle')),
+ url = encodeURIComponent(shareURL)
+
+ var urls = {}
+ urls.weibo = 'http://v.t.sina.com.cn/share/share.php?title=' +
+ title + '&url=' + url + '&pic=' + avatarURL
+ urls.qqz = 'https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='
+ + url + '&sharesource=qzone&title=' + title + '&pics=' + avatarURL
+ urls.twitter = 'https://twitter.com/intent/tweet?status=' + title + ' ' +
+ url
+
+ $this.find('span').click(function () {
+ var key = $(this).data('type')
+
+ if (!key) {
+ return
+ }
+
+ if (key === 'wechat') {
+ if ($qrCode.find('canvas').length === 0) {
+ $.ajax({
+ method: 'GET',
+ url: latkeConfig.staticServePath +
+ '/js/lib/jquery.qrcode.min.js',
+ dataType: 'script',
+ cache: true,
+ success: function () {
+ $qrCode.qrcode({
+ width: 111,
+ height: 111,
+ text: shareURL,
+ })
+ },
+ })
+ } else {
+ $qrCode.find('canvas').slideToggle()
+ }
+ return false
+ }
+
+ window.open(urls[key], '_blank', 'top=100,left=200,width=648,height=618')
+ })
},
/*
* @description 加载随机文章
@@ -304,7 +325,5 @@ var MetroHot = {
Util.killIE();
if ($(".article-header").length > 0) {
MetroHot.share();
- } else {
- MetroHot.initArticleList();
}
})();
diff --git a/metro-hot/macro-side.ftl b/metro-hot/macro-side.ftl
index 7a37f5f..2a3db7f 100644
--- a/metro-hot/macro-side.ftl
+++ b/metro-hot/macro-side.ftl
@@ -72,10 +72,24 @@
${shareLabel}