Skip to content

V
vue-ssr
Commit 649065a9 authored by guoyou's avatar guoyou
Browse files
Options

首页改版

parent 727268df
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2235 additions and 542 deletions
.nuxt/index.js
View file @ 649065a9
...@@ -17,6 +17,7 @@ import nuxt_plugin_filters_2b4f519a from 'nuxt_plugin_filters_2b4f519a' // Sourc ...@@ -17,6 +17,7 @@ import nuxt_plugin_filters_2b4f519a from 'nuxt_plugin_filters_2b4f519a' // Sourc
import nuxt_plugin_elementUI_3fa02fdd from 'nuxt_plugin_elementUI_3fa02fdd' // Source: ..\\plugins\\elementUI.js import nuxt_plugin_elementUI_3fa02fdd from 'nuxt_plugin_elementUI_3fa02fdd' // Source: ..\\plugins\\elementUI.js
import nuxt_plugin_baidu_7b6ad772 from 'nuxt_plugin_baidu_7b6ad772' // Source: ..\\plugins\\baidu.js import nuxt_plugin_baidu_7b6ad772 from 'nuxt_plugin_baidu_7b6ad772' // Source: ..\\plugins\\baidu.js
import nuxt_plugin_viewer_1261dfef from 'nuxt_plugin_viewer_1261dfef' // Source: ..\\plugins\\viewer.js import nuxt_plugin_viewer_1261dfef from 'nuxt_plugin_viewer_1261dfef' // Source: ..\\plugins\\viewer.js
import nuxt_plugin_vueSeamlessScroll_5f38d67a from 'nuxt_plugin_vueSeamlessScroll_5f38d67a' // Source: ..\\plugins\\vueSeamlessScroll.js (ssr: false)
// Component: <no-ssr> // Component: <no-ssr>
...@@ -144,6 +145,9 @@ async function createApp (ssrContext) { ...@@ -144,6 +145,9 @@ async function createApp (ssrContext) {
if (typeof nuxt_plugin_baidu_7b6ad772 === 'function') await nuxt_plugin_baidu_7b6ad772(app.context, inject) if (typeof nuxt_plugin_baidu_7b6ad772 === 'function') await nuxt_plugin_baidu_7b6ad772(app.context, inject)
if (typeof nuxt_plugin_viewer_1261dfef === 'function') await nuxt_plugin_viewer_1261dfef(app.context, inject) if (typeof nuxt_plugin_viewer_1261dfef === 'function') await nuxt_plugin_viewer_1261dfef(app.context, inject)
if (process.browser) {
if (typeof nuxt_plugin_vueSeamlessScroll_5f38d67a === 'function') await nuxt_plugin_vueSeamlessScroll_5f38d67a(app.context, inject)
}
// If server-side, wait for async component to be resolved first // If server-side, wait for async component to be resolved first
if (process.server && ssrContext && ssrContext.url) { if (process.server && ssrContext && ssrContext.url) {
......
assets/font/demo_index.html
View file @ 649065a9
...@@ -30,12 +30,30 @@ ...@@ -30,12 +30,30 @@
<div class="content unicode" style="display: block;"> <div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe631;</span>
<div class="name">回到顶部</div>
<div class="code-name">&amp;#xe631;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe64f;</span>
<div class="name">手机</div>
<div class="code-name">&amp;#xe64f;</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe6bc;</span> <span class="icon iconfont">&#xe6bc;</span>
<div class="name">24小时</div> <div class="name">24小时</div>
<div class="code-name">&amp;#xe6bc;</div> <div class="code-name">&amp;#xe6bc;</div>
</li> </li>
<li class="dib">
<span class="icon iconfont">&#xe628;</span>
<div class="name">微信</div>
<div class="code-name">&amp;#xe628;</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe60b;</span> <span class="icon iconfont">&#xe60b;</span>
<div class="name">地图</div> <div class="name">地图</div>
...@@ -54,6 +72,18 @@ ...@@ -54,6 +72,18 @@
<div class="code-name">&amp;#xe623;</div> <div class="code-name">&amp;#xe623;</div>
</li> </li>
<li class="dib">
<span class="icon iconfont">&#xe60d;</span>
<div class="name">分享</div>
<div class="code-name">&amp;#xe60d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe605;</span>
<div class="name">客服</div>
<div class="code-name">&amp;#xe605;</div>
</li>
</ul> </ul>
<div class="article markdown"> <div class="article markdown">
<h2 id="unicode-">Unicode 引用</h2> <h2 id="unicode-">Unicode 引用</h2>
...@@ -104,6 +134,24 @@ ...@@ -104,6 +134,24 @@
<div class="content font-class"> <div class="content font-class">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont iconhuidaodingbu"></span>
<div class="name">
回到顶部
</div>
<div class="code-name">.iconhuidaodingbu
</div>
</li>
<li class="dib">
<span class="icon iconfont iconshouji"></span>
<div class="name">
手机
</div>
<div class="code-name">.iconshouji
</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont icon24xiaoshi"></span> <span class="icon iconfont icon24xiaoshi"></span>
<div class="name"> <div class="name">
...@@ -113,6 +161,15 @@ ...@@ -113,6 +161,15 @@
</div> </div>
</li> </li>
<li class="dib">
<span class="icon iconfont iconweixin"></span>
<div class="name">
微信
</div>
<div class="code-name">.iconweixin
</div>
</li>
<li class="dib"> <li class="dib">
<span class="icon iconfont iconditu"></span> <span class="icon iconfont iconditu"></span>
<div class="name"> <div class="name">
...@@ -140,6 +197,24 @@ ...@@ -140,6 +197,24 @@
</div> </div>
</li> </li>
<li class="dib">
<span class="icon iconfont iconfenxiang"></span>
<div class="name">
分享
</div>
<div class="code-name">.iconfenxiang
</div>
</li>
<li class="dib">
<span class="icon iconfont iconkefu"></span>
<div class="name">
客服
</div>
<div class="code-name">.iconkefu
</div>
</li>
</ul> </ul>
<div class="article markdown"> <div class="article markdown">
<h2 id="font-class-">font-class 引用</h2> <h2 id="font-class-">font-class 引用</h2>
...@@ -169,6 +244,22 @@ ...@@ -169,6 +244,22 @@
<div class="content symbol"> <div class="content symbol">
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconhuidaodingbu"></use>
</svg>
<div class="name">回到顶部</div>
<div class="code-name">#iconhuidaodingbu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconshouji"></use>
</svg>
<div class="name">手机</div>
<div class="code-name">#iconshouji</div>
</li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon24xiaoshi"></use> <use xlink:href="#icon24xiaoshi"></use>
...@@ -177,6 +268,14 @@ ...@@ -177,6 +268,14 @@
<div class="code-name">#icon24xiaoshi</div> <div class="code-name">#icon24xiaoshi</div>
</li> </li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconweixin"></use>
</svg>
<div class="name">微信</div>
<div class="code-name">#iconweixin</div>
</li>
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconditu"></use> <use xlink:href="#iconditu"></use>
...@@ -201,6 +300,22 @@ ...@@ -201,6 +300,22 @@
<div class="code-name">#iconsingle_arrow</div> <div class="code-name">#iconsingle_arrow</div>
</li> </li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconfenxiang"></use>
</svg>
<div class="name">分享</div>
<div class="code-name">#iconfenxiang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconkefu"></use>
</svg>
<div class="name">客服</div>
<div class="code-name">#iconkefu</div>
</li>
</ul> </ul>
<div class="article markdown"> <div class="article markdown">
<h2 id="symbol-">Symbol 引用</h2> <h2 id="symbol-">Symbol 引用</h2>
......
assets/font/iconfont.css
View file @ 649065a9
@font-face {font-family: "iconfont"; @font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1571128885134'); /* IE9 */ src: url('iconfont.eot?t=1571622133817'); /* IE9 */
src: url('iconfont.eot?t=1571128885134#iefix') format('embedded-opentype'), /* IE6-IE8 */ src: url('iconfont.eot?t=1571622133817#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASoAAsAAAAACPwAAARaAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqFCIQ4ATYCJAMUCwwABCAFhG0HWxvXB8iOkVuMOJb/5188fO33eu7uvhci9DweSKhERUVVWCBfIWtEWdemwrAR/+/Z1EeY5EJdfsUtFZvBRGmAlEboESaeztVhJvY/l9OrLTi/neW49uI66gUYB5SFe+JaeqAFEiDm3jB2cRnbCbSaFA071Va1A7VC6xeIB15PgzqmU0qKQ7NQ50wt4h0015yeq84BeOt+Pv5DYqhJqkwbenZfwkD+L+LZPtz63wpdbAT4/VnAzCJjHSjEY67tAe7H1uFapdbNHAKtmiWpr2buz4Ke7fv/n1C0IkWr/odHkhVB1DRZO6Icxgu/CBMl8csdJfMriFcu3wcF5yKr7Cmt6MJ3gOgFTTHvDmmWZdHS1TJF4IMAD+3tPQQxbFhDUe3ItUe9OiqKO7XuJinLUdQ0hSLJ9pTituJceKexGPbhYtp1mZSvtcKmzQ7Drl6nFKXdtmvhrrEwjRHRqq98BYSbW6B++C3RjkHEwrSxMDt7VzQUnPd9FtZ72z7r/rEHmw5Q1661k2+Wn73dXlE6nFACl14vPS4HLLqm26PkrtkSRe0ae7uHcdQqhcaoGWNcWpFtZ84RsZlNbjijP+Y2w43jXotNs7qSdmNWWVcTjjPXuvfknWorO5GtMh49blvxMz+0c5fw8qKHj66E2D24+0l+YmP7dHNYcXhZ2ZqOynVtq5JfUNNq3p49+MyFGHjxvJPRcxuHGpwqI8f2ANXbdnAjYbEbFdz/Sp+BfvvKYi5A85cl2t8xnk6eI73oEU51MdpcbZ1uucYSEv849ZvnMhQaHPXxIOkw1kE4ex4grTvcLb5bcr74fODn0artO/DRdv3+jmWYv+Ps+qpG79gx+qS1ssrDw6RbJ9HVanzAn6/VtTVdNh5of/tWjZuz8urTi2Df3bJMFqD+DKxcMdt79V5FOTtHE/kLZvvMXrt2ls+sfbdvQ3bkq7xDkr289qK9AO5/5epFRy6Qc0z8UGwPzwAad/NZHAE0DuJleABAYz++F88EIH9SNf0q37H9lM13t8/+qiYK+Hl2ZYrra+xvBvXjzRIM/8fg16woslDTV0UsN3lifuWOmlst+AdKfgdXr3v9qAZwIjQbCCFpMmHJmmU+JBTKOlTa7EOt2QG0WlM6u00fES5KC1YNBxC6bYSk00fIup0nFMpdqAx6C7XuwKHVTTgv2WYxeE2RyNISy6C6vojXCWbOMEoar7gNq+9ppMWo0GVQrGjhgyghNj6ZLGXNrNjHCEsvfaIkcYgTBRPSgt1Yo1FAjaLQwOqk2HpJasyMi+PyrhSrE0ygcULEoklYDKROXwhPR2DG2bUlmtT722Dp9WREE0swJW4KS2TBN44kiBVfg1AqM9fCnMs+Fr3oJZJIOAhHJDBBtMDCMuoxAdKY36kBS0cSq75FpFGmOFSNqyuLHV9husZ10Eq7UBUpcpSootaym9yHpwVLPd+M4aWe9n15RjDrmZ60+UjGxthYeLPeyHanRVHoDQAAAA==') format('woff2'), url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('iconfont.woff?t=1571128885134') format('woff'), url('iconfont.woff?t=1571622133817') format('woff'),
url('iconfont.ttf?t=1571128885134') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.ttf?t=1571622133817') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1571128885134#iconfont') format('svg'); /* iOS 4.1- */ url('iconfont.svg?t=1571622133817#iconfont') format('svg'); /* iOS 4.1- */
} }
.iconfont { .iconfont {
...@@ -15,10 +15,22 @@ ...@@ -15,10 +15,22 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.iconhuidaodingbu:before {
content: "\e631";
}
.iconshouji:before {
content: "\e64f";
}
.icon24xiaoshi:before { .icon24xiaoshi:before {
content: "\e6bc"; content: "\e6bc";
} }
.iconweixin:before {
content: "\e628";
}
.iconditu:before { .iconditu:before {
content: "\e60b"; content: "\e60b";
} }
...@@ -31,3 +43,11 @@ ...@@ -31,3 +43,11 @@
content: "\e623"; content: "\e623";
} }
.iconfenxiang:before {
content: "\e60d";
}
.iconkefu:before {
content: "\e605";
}
assets/font/iconfont.eot
View file @ 649065a9
No preview for this file type
assets/font/iconfont.js
View file @ 649065a9
This diff is collapsed.
assets/font/iconfont.json
View file @ 649065a9
...@@ -5,6 +5,20 @@ ...@@ -5,6 +5,20 @@
"css_prefix_text": "icon", "css_prefix_text": "icon",
"description": "", "description": "",
"glyphs": [ "glyphs": [
{
"icon_id": "691112",
"name": "回到顶部",
"font_class": "huidaodingbu",
"unicode": "e631",
"unicode_decimal": 58929
},
{
"icon_id": "700847",
"name": "手机",
"font_class": "shouji",
"unicode": "e64f",
"unicode_decimal": 58959
},
{ {
"icon_id": "782211", "icon_id": "782211",
"name": "24小时", "name": "24小时",
...@@ -12,6 +26,13 @@ ...@@ -12,6 +26,13 @@
"unicode": "e6bc", "unicode": "e6bc",
"unicode_decimal": 59068 "unicode_decimal": 59068
}, },
{
"icon_id": "880414",
"name": "微信",
"font_class": "weixin",
"unicode": "e628",
"unicode_decimal": 58920
},
{ {
"icon_id": "1724840", "icon_id": "1724840",
"name": "地图", "name": "地图",
...@@ -32,6 +53,20 @@ ...@@ -32,6 +53,20 @@
"font_class": "single_arrow", "font_class": "single_arrow",
"unicode": "e623", "unicode": "e623",
"unicode_decimal": 58915 "unicode_decimal": 58915
},
{
"icon_id": "7720062",
"name": "分享",
"font_class": "fenxiang",
"unicode": "e60d",
"unicode_decimal": 58893
},
{
"icon_id": "10392615",
"name": "客服",
"font_class": "kefu",
"unicode": "e605",
"unicode_decimal": 58885
} }
] ]
} }
assets/font/iconfont.svg
View file @ 649065a9
...@@ -20,9 +20,18 @@ Created by iconfont ...@@ -20,9 +20,18 @@ Created by iconfont
/> />
<missing-glyph /> <missing-glyph />
<glyph glyph-name="huidaodingbu" unicode="&#58929;" d="M484.538555 598.598566 78.508052 192.592622c-11.784394-11.813047-11.784394-30.912034 0-42.724057 11.81714-11.81407 30.94171-11.81407 42.757826 0l386.211109 386.181433 379.830795-379.806235c11.453866-11.482519 30.039153-11.482519 41.491996 0 11.511171 11.453866 11.511171 30.039153 0 41.516556L534.372543 592.223369c-1.543146 1.539053-3.417843 2.296299-5.200442 3.412726-0.691755 0.935302-1.055029 2.085498-1.933025 2.962471-11.784394 11.784394-30.912034 11.784394-42.695405 0L484.538555 598.598566zM484.538555 598.598566" horiz-adv-x="1024" />
<glyph glyph-name="shouji" unicode="&#58959;" d="M394.395 100.109c-26.407 0-47.89-21.482-47.89-47.891 0-26.407 21.484-47.891 47.89-47.891 26.408 0 47.893 21.483 47.893 47.891C442.287 78.627 420.803 100.109 394.395 100.109zM631.334 853.931 157.458 853.931c-39.865 0-72.298-32.433-72.298-72.298l0-795.266c0-39.866 32.433-72.298 72.298-72.298l473.875 0c39.865 0 72.297 32.432 72.297 72.298L703.63 781.633C703.631 821.498 671.199 853.931 631.334 853.931zM157.458 805.732l473.875 0c13.289 0 24.1-10.812 24.1-24.1l0-595.808L133.359 185.824 133.359 781.633C133.359 794.921 144.17 805.732 157.458 805.732zM631.334-37.731 157.458-37.731c-13.288 0-24.1 10.81-24.1 24.099L133.358 133.5l522.075 0 0-147.133C655.434-26.922 644.623-37.731 631.334-37.731z" horiz-adv-x="1024" />
<glyph glyph-name="24xiaoshi" unicode="&#59068;" d="M374.321436 617.585214c-9.638048 12.114457-188.927143 181.777667-188.927143 181.777667l-81.721498-58.185882 227.340674-228.393999C357.117934 537.738051 398.201268 585.045248 374.321436 617.585214L374.321436 617.585214zM438.73118 322.584813C311.823732 450.050548 309.499362 486.425543 311.278824 494.101681L85.087564 721.353564c-22.627032-45.77951-84.525095-234.233508 232.705821-528.54791C645.028459-110.818392 780.987694-25.531887 806.63361-3.504496L590.497592 213.633762C576.489339 211.175598 538.402995 222.475126 438.73118 322.584813L438.73118 322.584813zM610.030329 232.529152l214.883218-215.845319 70.623877 81.356605c0 0-183.266431 185.61756-180.395938 186.621017C679.204363 302.721239 631.768238 256.906456 610.030329 232.529152L610.030329 232.529152zM458.169045 648.523299c0.345432 0.133794 0.571666 0.323539 0.757762 0.588694l0.172716-0.167851c32.567941 36.36648 75.62778 64.067961 126.222666 77.882821 139.797912 38.172702 284.071848-44.175196 322.250631-183.995002 27.107921-99.275297-6.58754-200.804419-78.444756-264.979415l0.188528-0.290698c0 0-1.505793-40.539643 29.448104-29.411614l0.22745-0.279752c82.239647 74.61581 120.596011 191.640732 89.3502 306.071263C904.026057 716.240193 736.537611 811.881153 574.21727 767.557567c-58.43036-15.95435-108.243158-47.875214-145.967041-89.797803l0.485308-0.443953c-0.057167-4.865244 0.675053-39.106829 29.435941-28.797377L458.169045 648.523299zM784.733931 396.884382l0 44.832004 25.243317 0 0 17.794629L784.733931 459.511015 784.733931 594.966696l-26.167713 0L661.387841 459.511015l0-17.794629 97.178377 0 0-44.832004L784.733931 396.884382 784.733931 396.884382zM687.560419 459.534124l71.005799 99.01379 0-99.01379L687.560419 459.534124 687.560419 459.534124zM593.190504 470.733915c37.390614 24.294594 55.146321 48.895699 53.268337 73.826424-3.117405 32.997299-25.549827 50.751789-67.293618 53.248876-36.1293 0-59.476388-18.412515-70.058293-55.145104l25.243317 0c6.851479 24.890587 22.088206 37.658202 45.785592 38.299198 25.509689 0 38.316227-12.130269 38.316227-36.419998 1.854874-18.090192-13.40253-38.671389-45.80262-61.707102-29.285118-21.178406-51.08141-44.5036-65.414418-70.035183l0-15.899616 139.223813 0 0 15.899616-111.20001 0c8.701488 18.641181 28.023804 37.947684 57.928024 57.932889L593.190504 470.733915zM593.190504 470.733915" horiz-adv-x="1024" /> <glyph glyph-name="24xiaoshi" unicode="&#59068;" d="M374.321436 617.585214c-9.638048 12.114457-188.927143 181.777667-188.927143 181.777667l-81.721498-58.185882 227.340674-228.393999C357.117934 537.738051 398.201268 585.045248 374.321436 617.585214L374.321436 617.585214zM438.73118 322.584813C311.823732 450.050548 309.499362 486.425543 311.278824 494.101681L85.087564 721.353564c-22.627032-45.77951-84.525095-234.233508 232.705821-528.54791C645.028459-110.818392 780.987694-25.531887 806.63361-3.504496L590.497592 213.633762C576.489339 211.175598 538.402995 222.475126 438.73118 322.584813L438.73118 322.584813zM610.030329 232.529152l214.883218-215.845319 70.623877 81.356605c0 0-183.266431 185.61756-180.395938 186.621017C679.204363 302.721239 631.768238 256.906456 610.030329 232.529152L610.030329 232.529152zM458.169045 648.523299c0.345432 0.133794 0.571666 0.323539 0.757762 0.588694l0.172716-0.167851c32.567941 36.36648 75.62778 64.067961 126.222666 77.882821 139.797912 38.172702 284.071848-44.175196 322.250631-183.995002 27.107921-99.275297-6.58754-200.804419-78.444756-264.979415l0.188528-0.290698c0 0-1.505793-40.539643 29.448104-29.411614l0.22745-0.279752c82.239647 74.61581 120.596011 191.640732 89.3502 306.071263C904.026057 716.240193 736.537611 811.881153 574.21727 767.557567c-58.43036-15.95435-108.243158-47.875214-145.967041-89.797803l0.485308-0.443953c-0.057167-4.865244 0.675053-39.106829 29.435941-28.797377L458.169045 648.523299zM784.733931 396.884382l0 44.832004 25.243317 0 0 17.794629L784.733931 459.511015 784.733931 594.966696l-26.167713 0L661.387841 459.511015l0-17.794629 97.178377 0 0-44.832004L784.733931 396.884382 784.733931 396.884382zM687.560419 459.534124l71.005799 99.01379 0-99.01379L687.560419 459.534124 687.560419 459.534124zM593.190504 470.733915c37.390614 24.294594 55.146321 48.895699 53.268337 73.826424-3.117405 32.997299-25.549827 50.751789-67.293618 53.248876-36.1293 0-59.476388-18.412515-70.058293-55.145104l25.243317 0c6.851479 24.890587 22.088206 37.658202 45.785592 38.299198 25.509689 0 38.316227-12.130269 38.316227-36.419998 1.854874-18.090192-13.40253-38.671389-45.80262-61.707102-29.285118-21.178406-51.08141-44.5036-65.414418-70.035183l0-15.899616 139.223813 0 0 15.899616-111.20001 0c8.701488 18.641181 28.023804 37.947684 57.928024 57.932889L593.190504 470.733915zM593.190504 470.733915" horiz-adv-x="1024" />
<glyph glyph-name="weixin" unicode="&#58920;" d="M506.942 550.079c25.259 0 42.134 16.916 42.134 42.107 0 25.477-16.848 41.956-42.134 41.956-25.299 0-50.668-16.48-50.668-41.956 0.028-25.204 25.409-42.107 50.668-42.107l0 0zM506.942 550.079zM271.257 634.143c-25.259 0-50.79-16.48-50.79-41.956 0-25.19 25.532-42.107 50.79-42.107 25.163 0 42.012 16.916 42.012 42.107-0.014 25.477-16.834 41.956-42.012 41.956l0 0zM271.257 634.143zM1010.654 280.508c0 133.202-123.563 246.702-275.237 258.512 0.205 1.652 0.301 3.373-0.068 5.092-30.406 141.79-182.886 248.695-354.7 248.695-194.15 0-352.119-135.387-352.119-301.793 0-89.279 45.574-169.725 131.946-233.158l-30.106-90.508c-1.939-5.885-0.177-12.37 4.506-16.452 2.853-2.458 6.445-3.741 10.076-3.741 2.335 0 4.697 0.546 6.867 1.625l113.036 56.565 13.926-2.827c34.802-7.154 64.853-13.353 101.868-13.353 10.895 0 40.878 3.987 43.404 7.182 40.755-101.99 153.094-175.61 285.273-175.61 33.86 0 68.13 8.164 98.891 15.866l87.136-47.636c2.307-1.257 4.847-1.911 7.359-1.911 3.441 0 6.881 1.161 9.639 3.413 4.847 3.932 6.841 10.404 5.038 16.33l-22.255 74.001c74.602 58.955 115.521 129.488 115.521 199.708l0 0zM409.798 230.25c-9.626-0.833-19.388-1.243-29.082-1.243-32.686 0-60.334 5.652-92.31 12.26l-18.582 3.755c-3.195 0.683-6.567 0.245-9.503-1.269l-81.687-40.892 21.231 63.775c2.076 6.24-0.205 13.053-5.57 16.821-82.07 57.207-123.659 126.894-123.659 207.093 0 144.179 139.087 261.516 310.067 261.516 151.142 0 284.959-91.955 312.579-214.261-158.475-2.076-286.706-113.487-286.706-250.32 0-19.893 3.018-39.171 8.11-57.767-1.542 0.382-3.168 0.683-4.887 0.532l0 0zM860.371 107.301c-4.875-3.673-6.935-10.007-5.188-15.852l13.804-45.903-56.647 30.993c-2.157 1.188-4.588 1.803-7.004 1.803-1.188 0-2.389-0.15-3.564-0.464-30.379-7.674-61.822-15.593-92.433-15.593-142.186 0-257.857 97.717-257.857 217.811 0 120.095 115.658 217.771 257.857 217.771 139.469 0 257.325-99.724 257.325-217.771 0-59.87-37.738-121.255-106.291-172.797l0 0zM868.181 98.822zM616.454 389.994c-16.848 0-33.696-16.971-33.696-33.792 0-16.944 16.848-33.669 33.696-33.669 25.313 0 42.038 16.725 42.038 33.669 0 16.848-16.725 33.792-42.038 33.792l0 0zM616.454 389.994zM801.58 389.994c-16.603 0-33.451-16.971-33.451-33.792 0-16.944 16.848-33.669 33.451-33.669 25.231 0 42.257 16.725 42.257 33.669 0 16.848-16.998 33.792-42.257 33.792l0 0zM801.58 389.994z" horiz-adv-x="1024" />
<glyph glyph-name="ditu" unicode="&#58891;" d="M515.2 557c-44.8 0-81-36.3-81-81 0-44.8 36.3-81 81-81s81 36.3 81 81-36.3 81-81 81z m0 243.1c-179 0-324.1-145.1-324.1-324.1 0-135.5 270.2-540.5 324.1-540.2 53-0.3 324.1 406.5 324.1 540.2 0 179-145.1 324.1-324.1 324.1z m0-459.2c-74.6 0-135.1 60.5-135.1 135.1s60.5 135.1 135.1 135.1S650.3 550.6 650.3 476c-0.1-74.6-60.5-135.1-135.1-135.1z" horiz-adv-x="1024" /> <glyph glyph-name="ditu" unicode="&#58891;" d="M515.2 557c-44.8 0-81-36.3-81-81 0-44.8 36.3-81 81-81s81 36.3 81 81-36.3 81-81 81z m0 243.1c-179 0-324.1-145.1-324.1-324.1 0-135.5 270.2-540.5 324.1-540.2 53-0.3 324.1 406.5 324.1 540.2 0 179-145.1 324.1-324.1 324.1z m0-459.2c-74.6 0-135.1 60.5-135.1 135.1s60.5 135.1 135.1 135.1S650.3 550.6 650.3 476c-0.1-74.6-60.5-135.1-135.1-135.1z" horiz-adv-x="1024" />
...@@ -32,6 +41,12 @@ Created by iconfont ...@@ -32,6 +41,12 @@ Created by iconfont
<glyph glyph-name="single_arrow" unicode="&#58915;" d="M960 320v2q-0.06 1-0.15 2v0.27c-0.06 0.56-0.13 1.13-0.21 1.7l-0.06 0.35c-0.09 0.54-0.18 1.07-0.29 1.61 0 0.11-0.05 0.22-0.07 0.34-0.12 0.53-0.24 1.07-0.37 1.6 0 0.09 0 0.18-0.08 0.28-0.14 0.55-0.3 1.09-0.46 1.64l-0.06 0.17c-0.18 0.58-0.37 1.15-0.58 1.72a39.6 39.6 0 0 1-6.69 11.65v0.06c-0.39 0.47-0.78 0.93-1.19 1.38-0.22 0.24-0.45 0.47-0.67 0.7s-0.42 0.45-0.64 0.67L668.14 628.4300000000001a39.88 39.88 0 0 1-56.39 0l-0.18-0.18a39.88 39.88 0 0 1 0-56.39L823.43 360H104a40 40 0 0 1 0-80h817.87A40 40 0 0 1 960 318.11v1.12 0.77z" horiz-adv-x="1024" /> <glyph glyph-name="single_arrow" unicode="&#58915;" d="M960 320v2q-0.06 1-0.15 2v0.27c-0.06 0.56-0.13 1.13-0.21 1.7l-0.06 0.35c-0.09 0.54-0.18 1.07-0.29 1.61 0 0.11-0.05 0.22-0.07 0.34-0.12 0.53-0.24 1.07-0.37 1.6 0 0.09 0 0.18-0.08 0.28-0.14 0.55-0.3 1.09-0.46 1.64l-0.06 0.17c-0.18 0.58-0.37 1.15-0.58 1.72a39.6 39.6 0 0 1-6.69 11.65v0.06c-0.39 0.47-0.78 0.93-1.19 1.38-0.22 0.24-0.45 0.47-0.67 0.7s-0.42 0.45-0.64 0.67L668.14 628.4300000000001a39.88 39.88 0 0 1-56.39 0l-0.18-0.18a39.88 39.88 0 0 1 0-56.39L823.43 360H104a40 40 0 0 1 0-80h817.87A40 40 0 0 1 960 318.11v1.12 0.77z" horiz-adv-x="1024" />
<glyph glyph-name="fenxiang" unicode="&#58893;" d="M202.24 216.32c-83.2 0-151.04 67.84-151.04 151.04s67.84 151.04 151.04 151.04 151.04-67.84 151.04-151.04-67.84-151.04-151.04-151.04z m0 245.76c-52.224 0-94.72-42.496-94.72-94.72s42.496-94.72 94.72-94.72 94.72 42.496 94.72 94.72-42.496 94.72-94.72 94.72zM713.216 621.312l-367.36-211.968c-15.872-9.216-36.352-3.84-45.568 12.288-9.216 15.872-3.84 36.352 12.288 45.568l367.36 211.968c15.872 9.216 36.352 3.84 45.568-12.288 8.96-16.128 3.584-36.608-12.288-45.568zM549.632 95.744l-252.416 169.984c-15.36 10.24-19.2 30.976-8.96 46.08 10.24 15.36 30.976 19.2 46.08 8.96l252.416-169.984c15.36-10.24 19.2-30.976 8.96-46.08-9.984-15.36-30.72-19.2-46.08-8.96zM815.36 567.04c-75.52 0-136.96 61.44-136.96 136.96s61.44 136.96 136.96 136.96S952.32 779.52 952.32 704s-61.44-136.96-136.96-136.96z m0 217.6C770.816 784.64 734.72 748.544 734.72 704s36.096-80.64 80.64-80.64S896 659.456 896 704s-36.096 80.64-80.64 80.64zM684.8-78.08c-75.52 0-136.96 61.44-136.96 136.96s61.44 136.96 136.96 136.96 136.96-61.44 136.96-136.96-61.44-136.96-136.96-136.96z m0 217.6c-44.544 0-80.64-36.096-80.64-80.64s36.096-80.64 80.64-80.64S765.44 14.336 765.44 58.88s-36.096 80.64-80.64 80.64z" horiz-adv-x="1024" />
<glyph glyph-name="kefu" unicode="&#58885;" d="M406.3 319.42s0-188.713 207.79-188.713S821.882 319.42 821.882 319.42s-199.54-182.397-415.58 0z m589.084 76.955c0 210.626-170.796 381.293-381.293 381.293-210.627 0-381.293-170.667-381.293-381.293 0-103.122 40.99-196.576 107.504-265.281 30.163-27.199 63.162-51.175 99.384-69.994 19.722-10.184 41.506-20.496 64.322-29.906 34.933-10.44 71.928-16.241 110.212-16.241 210.368 0 381.164 170.666 381.164 381.422zM614.09 72.185c-179.046 0-324.19 145.144-324.19 324.19s145.144 324.06 324.19 324.06 324.06-145.144 324.06-324.06c0-179.046-145.144-324.19-324.06-324.19z m485.317 443.811C1045.656 734.228 848.693 896 614.09 896 379.36 896 182.655 734.356 128.902 516.254c0 0-134.574-21.27-128.644-156.617 5.93-135.347 147.98-143.597 147.98-143.597 1.675-4.382 31.58 4.254 42.28 6.059C168.346 275.722 156.1 334.63 156.1 396.375c0 253.035 205.083 457.99 458.119 457.99 253.035 0 458.118-205.084 458.118-457.99 0-201.861-130.578-373.173-311.814-434.143-11.602-3.996-23.976 1.289-23.976 1.289s-30.679 5.8-69.22-5.156c-18.95-5.414-27.07-25.652-25.91-43.312 1.418-21.14 9.41-36.221 31.452-39.573 28.359-4.511 68.834-9.538 84.044 20.883 4.125 8.25 8.637 23.589 18.305 26.811 139.73 47.436 251.875 155.585 305.111 292.866 0 0 141.148 16.5 145.273 146.691s-126.195 153.265-126.195 153.265z m0 0" horiz-adv-x="1225" />
</font> </font>
......
assets/font/iconfont.ttf
View file @ 649065a9
No preview for this file type
assets/footer.css
View file @ 649065a9
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
} }
.footer { .footer {
font-family: sans-serif; font-family: sans-serif;
padding: 15px 0; padding: 10px 0;
display: flex; display: flex;
width: 1120px; width: 1120px;
margin: 0 auto; margin: 0 auto;
......
assets/index.css
View file @ 649065a9
...@@ -157,10 +157,24 @@ li { ...@@ -157,10 +157,24 @@ li {
background: #fff; background: #fff;
padding-bottom: 10px; padding-bottom: 10px;
transition: all 0.2s linear; transition: all 0.2s linear;
overflow: hidden;
}
.swiper-containerActivity .left:hover {
box-shadow: 0px 20px 40px 0px rgba(102, 102, 102, 0.3);
}
.swiper-containerActivity .left img {
/* border: 1px solid red; */
transition: all 0.3s linear;
}
.swiper-containerActivity .left img:hover {
transform: scale(1.1)
} }
.swiper-containerActivity :hover .left { .swiper-containerActivity :hover .left {
box-shadow: -1px 4px 12px rgba(0, 0, 0, .1); /* box-shadow: -1px 4px 12px rgba(0, 0, 0, .1); */
} }
.swiper-containerActivity .left h3, .swiper-containerActivity .left h3,
...@@ -169,11 +183,13 @@ li { ...@@ -169,11 +183,13 @@ li {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-top: 10px;
} }
.swiper-containerActivity h3 { .swiper-containerActivity h3 {
margin-bottom: 10px; margin-bottom: 10px;
font-size: 16px; font-size: 16px;
color: #333;
} }
.swiper-containerActivity p { .swiper-containerActivity p {
...@@ -189,14 +205,15 @@ li { ...@@ -189,14 +205,15 @@ li {
} }
.swiper-containerActivity ul li { .swiper-containerActivity ul li {
padding: 10px 10px; padding: 12px 10px;
margin-bottom: 10px; margin-bottom: 10px;
background: #fff; background: #fff;
transition: all 0.2s linear; transition: all 0.2s linear;
} }
.swiper-containerActivity ul li:hover { .swiper-containerActivity ul li:hover {
box-shadow: -1px 4px 12px rgba(0, 0, 0, .1); /* box-shadow: -1px 4px 12px rgba(0, 0, 0, .1); */
box-shadow: 0px 20px 40px 0px rgba(102, 102, 102, 0.3);
} }
.vehicle-container { .vehicle-container {
...@@ -342,7 +359,7 @@ li { ...@@ -342,7 +359,7 @@ li {
.tour-t { .tour-t {
color: #666; color: #666;
padding: 15px 18px; padding: 15px 31px;
display: flex; display: flex;
border: 1px solid #eee; border: 1px solid #eee;
cursor: pointer; cursor: pointer;
...@@ -364,7 +381,7 @@ li { ...@@ -364,7 +381,7 @@ li {
.tour-t-s-t { .tour-t-s-t {
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
margin-bottom: 22px; margin: 14px 0 16px 0;
} }
.item-c { .item-c {
...@@ -470,7 +487,8 @@ li { ...@@ -470,7 +487,8 @@ li {
.show-detail img { .show-detail img {
position: absolute; position: absolute;
top: 10px; top: 10px;
margin-left: 5px; right: 12px;
/* margin-left: 5px; */
} }
.choiceness { .choiceness {
...@@ -493,10 +511,11 @@ li { ...@@ -493,10 +511,11 @@ li {
} }
.choiceness-type ul li { .choiceness-type ul li {
margin-bottom: 30px; margin-bottom: 32px;
text-align: center; text-align: center;
} }
.choiceness-type ul li:hover a{
.choiceness-type ul li:hover a {
color: #1bbb9f; color: #1bbb9f;
} }
...@@ -534,8 +553,9 @@ li { ...@@ -534,8 +553,9 @@ li {
.idnexCar { .idnexCar {
position: absolute; position: absolute;
width: 200px; width: 308px;
left: -14px; left: -114px;
bottom: -12px;
} }
...@@ -569,9 +589,9 @@ li { ...@@ -569,9 +589,9 @@ li {
.embellish-3 { .embellish-3 {
width: 562px; width: 562px;
height: 162px; height: 225px;
top: 149px; top: 97px;
right: -112px; right: -37px;
} }
/* .hot-car .flex-aic-jcb a{ /* .hot-car .flex-aic-jcb a{
...@@ -579,6 +599,9 @@ li { ...@@ -579,6 +599,9 @@ li {
} */ } */
.hot-car .min-win .v-type-ul { .hot-car .min-win .v-type-ul {
color: #fff; color: #fff;
width: 400px;
overflow: hidden;
text-align: center;
} }
.hot-car .min-win .v-type-ul ul li { .hot-car .min-win .v-type-ul ul li {
...@@ -699,10 +722,12 @@ li { ...@@ -699,10 +722,12 @@ li {
line-height: 30px; line-height: 30px;
padding: 30px 0; padding: 30px 0;
} }
.flex-fdc-jcc .right ul li>img{
.flex-fdc-jcc .right ul li>img {
/* border: 1px solid red; */ /* border: 1px solid red; */
width: 114px; width: 114px;
} }
.flex-fdc-jcc .right ul li>p:nth-child(2) { .flex-fdc-jcc .right ul li>p:nth-child(2) {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
...@@ -800,7 +825,7 @@ li { ...@@ -800,7 +825,7 @@ li {
.miniPic1, .miniPic1,
.miniPic2, .miniPic2,
.miniPic3 { .miniPic3 {
width: 80px; width: 80px !important;
/* height: 80px; */ /* height: 80px; */
} }
...@@ -815,7 +840,6 @@ li { ...@@ -815,7 +840,6 @@ li {
padding: 30px; padding: 30px;
display: inline-block; display: inline-block;
} }
.flex-aic-jcb-warp .left h3 { .flex-aic-jcb-warp .left h3 {
font-size: 16px; font-size: 16px;
margin-bottom: 20px; margin-bottom: 20px;
...@@ -833,6 +857,11 @@ li { ...@@ -833,6 +857,11 @@ li {
.flex-aic-jcb-warp .left img { .flex-aic-jcb-warp .left img {
width: 478px; width: 478px;
height: 278px; height: 278px;
transition: all 0.2s linear;
}
.flex-aic-jcb-warp .left img:hover {
transform: scale(1.1)
} }
.flex-aic-jcb-warp .right { .flex-aic-jcb-warp .right {
...@@ -842,8 +871,8 @@ li { ...@@ -842,8 +871,8 @@ li {
.flex-aic-jcb-warp .right li { .flex-aic-jcb-warp .right li {
padding: 0 10px; padding: 0 10px;
height: 50px; height: 53px;
line-height: 50px; line-height: 53px;
width: 567px; width: 567px;
border-bottom: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;
} }
...@@ -874,7 +903,7 @@ li { ...@@ -874,7 +903,7 @@ li {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
width: 442px; width: 454px;
margin-right: 13px; margin-right: 13px;
} }
...@@ -894,7 +923,7 @@ li { ...@@ -894,7 +923,7 @@ li {
} }
.introduce { .introduce {
width: 461px; width: 465px;
background: rgba(0, 0, 0, .4); background: rgba(0, 0, 0, .4);
display: inline-block; display: inline-block;
height: 380px; height: 380px;
...@@ -914,7 +943,7 @@ li { ...@@ -914,7 +943,7 @@ li {
} }
.introduce ul { .introduce ul {
margin-top: 20px; margin-top: 10px;
overflow: hidden; overflow: hidden;
padding: 0; padding: 0;
} }
...@@ -942,7 +971,9 @@ li { ...@@ -942,7 +971,9 @@ li {
cursor: pointer; cursor: pointer;
margin-top: 10px; margin-top: 10px;
} }
.look-info:hover{
background: rgba(18,156,132) !important;
}
.campsite { .campsite {
width: 1120px; width: 1120px;
margin: 0 auto; margin: 0 auto;
...@@ -955,7 +986,7 @@ li { ...@@ -955,7 +986,7 @@ li {
} }
.campsite .left-title { .campsite .left-title {
background: #000; background: #333;
color: #fff; color: #fff;
padding: 19px 15px; padding: 19px 15px;
} }
...@@ -966,13 +997,21 @@ li { ...@@ -966,13 +997,21 @@ li {
} }
.campsite .left img { .campsite .left img {
padding: 15px; /* padding: 15px; */
transition: all 0.2s linear;
}
.campsite .left img:hover{
transform: scale(1.2);
} }
.campsite .left ul { .campsite .left ul {
padding: 0 15px 20px 15px; padding: 0 15px 20px 15px;
} }
.head-img img{
transition: all 0.2s linear;;
}
.head-img img:hover{
transform: scale(1.2);
}
.campsite .left ul li { .campsite .left ul li {
font-size: 16px; font-size: 16px;
color: #333; color: #333;
...@@ -987,48 +1026,58 @@ li { ...@@ -987,48 +1026,58 @@ li {
color: #1bbb9f; color: #1bbb9f;
} }
.campsite .right{ .campsite .right {
float: right; float: right;
width: 739px; width: 739px;
height: 479px; height: 479px;
display: inline-block; display: inline-block;
border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
} }
.campsite .adress{
.campsite .adress {
float: right; float: right;
/* margin-right: 30px; */ /* margin-right: 30px; */
width: 340px; width: 340px;
} }
.campsite .adress p{
.campsite .adress p {
color: #666; color: #666;
font-size: 14px; font-size: 14px;
} }
.campsite .adress p:nth-child(1){
.campsite .adress p:nth-child(1) {
font-size: 20px; font-size: 20px;
color: #333; color: #333;
margin-bottom: 30px; margin-bottom: 30px;
font-weight: bold; font-weight: bold;
} }
.campsite .adress p:nth-child(2){
.campsite .adress p:nth-child(2) {
margin-bottom: 5px; margin-bottom: 5px;
} }
.campsite .company-address{
.campsite .company-address {
padding: 0; padding: 0;
margin-top: 15px; margin-top: 15px;
} }
.campsite .company-address li{
.campsite .company-address li {
margin-top: 10px; margin-top: 10px;
} }
.campsite .company-address li a:hover{
.campsite .company-address li a:hover {
color: #1bbb9f; color: #1bbb9f;
} }
.campsite .company-address li a:hover span{
.campsite .company-address li a:hover span {
color: #1bbb9f !important; color: #1bbb9f !important;
} }
.campsite .company-address li span:nth-child(2){
.campsite .company-address li span:nth-child(2) {
margin-left: 10px; margin-left: 10px;
color: #999; color: #999;
} }
.campsite .company-address li span:nth-child(3){
.campsite .company-address li span:nth-child(3) {
float: right; float: right;
} }
\ No newline at end of file
assets/main.css
View file @ 649065a9
...@@ -215,17 +215,20 @@ h2{ ...@@ -215,17 +215,20 @@ h2{
right:20px; right:20px;
color: #999; color: #999;
text-decoration: none; text-decoration: none;
z-index: 8;
} }
.more-container a:hover{ .more-container a:hover{
right: 30px; /* right: 30px; */
/*color: #1bbb9f;*/ right: 0;
/*box-shadow: 5px 5px 5px #888888;*/ color: #1bbb9f;
/* box-shadow: 5px 5px 5px #888888; */
} }
.more-container a img{ .more-container a img{
margin-left: 5px; margin-left: 5px;
position: relative; position: relative;
top: 2px; top: 2px;
} }
.activity-item, .vehicle-item{ .activity-item, .vehicle-item{
......
assets/menu.css
View file @ 649065a9
@media screen and (min-width:1120px) and (max-width:1920px){ @media screen and (min-width:1120px) and (max-width:1920px) {
.menu-logo-l{ .menu-logo-l {
width: 175px; width: 175px;
/*margin-right: 60px;*/ /*margin-right: 60px;*/
} }
} }
@media screen and (min-width:1920px){
.menu-logo-l{ @media screen and (min-width:1920px) {
.menu-logo-l {
width: 175px; width: 175px;
/*margin-right: 60px;*/ /*margin-right: 60px;*/
} }
} }
.logo-t{ .logo-t {
color: #333; color: #333;
font-size: 16px; font-size: 16px;
} }
.logo-d{
.logo-d {
color: #9F9F9F; color: #9F9F9F;
font-size: 12px; font-size: 12px;
} }
.users { .users {
list-style-type: none; list-style-type: none;
display: flex; display: flex;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
} }
.users li a:hover, .users .active{
.users li a:hover,
.users .active {
color: #1bbb9f !important; color: #1bbb9f !important;
border-bottom: 3px solid #1bbb9f !important; border-bottom: 3px solid #1bbb9f !important;
} }
...@@ -38,15 +43,19 @@ ...@@ -38,15 +43,19 @@
clear: both; clear: both;
visibility: hidden; visibility: hidden;
} }
.clearfix { .clearfix {
*zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/ *zoom: 1;
/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
} }
@media screen and (min-width: 1120px) and (max-width: 1920px) { @media screen and (min-width: 1120px) and (max-width: 1920px) {
.menu-logo-l { .menu-logo-l {
width: 175px; width: 175px;
/*margin-right: 60px;*/ /*margin-right: 60px;*/
} }
} }
@media screen and (min-width: 1920px) { @media screen and (min-width: 1920px) {
.menu-logo-l { .menu-logo-l {
width: 175px; width: 175px;
...@@ -66,6 +75,7 @@ ...@@ -66,6 +75,7 @@
justify-content: center; justify-content: center;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
.logo-t { .logo-t {
color: #333; color: #333;
font-size: 16px; font-size: 16px;
...@@ -79,17 +89,20 @@ ...@@ -79,17 +89,20 @@
margin: 0 auto; margin: 0 auto;
} }
.secoud-li{ .secoud-li {
padding: 10px; padding: 10px;
} }
.menu-container .v-ul li { .menu-container .v-ul li {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
float: left; float: left;
cursor: pointer; cursor: pointer;
height:30px;line-height:30px;text-align:center; height: 30px;
margin-right:10px; line-height: 30px;
text-align: center;
margin-right: 10px;
} }
@media screen and (min-width: 1120px) and (max-width: 1920px) { @media screen and (min-width: 1120px) and (max-width: 1920px) {
...@@ -98,6 +111,7 @@ ...@@ -98,6 +111,7 @@
/*margin-right: 60px;*/ /*margin-right: 60px;*/
} }
} }
@media screen and (min-width: 1920px) { @media screen and (min-width: 1920px) {
.menu-logo-l { .menu-logo-l {
width: 175px; width: 175px;
...@@ -109,6 +123,7 @@ ...@@ -109,6 +123,7 @@
color: #9f9f9f; color: #9f9f9f;
font-size: 12px; font-size: 12px;
} }
.menu { .menu {
justify-content: space-between; justify-content: space-between;
font-family: sans-serif; font-family: sans-serif;
...@@ -121,6 +136,7 @@ ...@@ -121,6 +136,7 @@
margin: 0 auto; margin: 0 auto;
margin-left: -560px; margin-left: -560px;
} }
.menu-new { .menu-new {
font-family: sans-serif; font-family: sans-serif;
position: fixed; position: fixed;
...@@ -133,6 +149,7 @@ ...@@ -133,6 +149,7 @@
background-color: #333; background-color: #333;
height: 50px; height: 50px;
} }
.users { .users {
list-style-type: none; list-style-type: none;
display: flex; display: flex;
...@@ -140,6 +157,7 @@ ...@@ -140,6 +157,7 @@
justify-content: space-between; justify-content: space-between;
margin: 0 auto; margin: 0 auto;
} }
.users li a { .users li a {
display: inline-block; display: inline-block;
margin: 0 30px; margin: 0 30px;
...@@ -148,13 +166,15 @@ ...@@ -148,13 +166,15 @@
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
border-bottom: 3px solid #333; border-bottom: 3px solid #333;
font-size: 18px; font-size: 16px;
} }
.users li a:hover, .users li a:hover,
.active { .active {
color: #1bbb9f !important; color: #1bbb9f !important;
/* border-bottom: 3px solid #1bbb9f !important; */ /* border-bottom: 3px solid #1bbb9f !important; */
} }
.triangle-down { .triangle-down {
position: absolute; position: absolute;
top: 5px; top: 5px;
...@@ -176,9 +196,10 @@ ...@@ -176,9 +196,10 @@
font-size: 14px; font-size: 14px;
width: 720px; width: 720px;
margin: 0 auto 30px auto; margin: 0 auto 30px auto;
background:rgba(255,255,255,1); background: rgba(255, 255, 255, 1);
box-shadow:0px 5px 20px 0px rgba(153,153,153,0.3); box-shadow: 0px 5px 20px 0px rgba(153, 153, 153, 0.3);
} }
.v-ul { .v-ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
...@@ -186,26 +207,150 @@ ...@@ -186,26 +207,150 @@
list-style: none; list-style: none;
} }
a{ a {
text-decoration: none; text-decoration: none;
color: #666666 color: #666666
} }
.menu-container .v-ul li:hover{
.menu-container .v-ul li:hover {
background-color: #1BBB9F; background-color: #1BBB9F;
color: #fff color: #fff
} }
.menu-container .v-ul li:hover a{ .menu-container .v-ul li:hover a {
background-color: #1BBB9F; background-color: #1BBB9F;
color: #fff color: #fff
} }
.margin-Top{
margin-top:22px; .margin-Top {
margin-top: 22px;
} }
.menu-select{
.menu-select {
width: 500px !important; width: 500px !important;
border: 1px solid #1bbb9f;
} }
.help:hover a{
color:#1BBB9F; .help:hover a {
color: #1BBB9F;
} }
.sidebar {
position: fixed;
right: 50px;
top: 50%;
margin-top: -50px;
background: #333;
}
.sidebar ul {
padding: 0;
}
.sidebar a span {
display: block;
font-size: 24px;
text-align: center;
color: #fff;
}
.sidebar ul li {
position: relative;
}
.sidebar ul li>a {
display: block;
height: 44px;
width: 44px;
line-height: 44px;
text-align: center;
}
.sidebar ul li span:hover {
background: #1bbb9f;
}
.sidebar ul li:hover span {
background: #1bbb9f;
}
.sidebar ul li:nth-child(1):hover p {
display: block;
}
.sidebar ul li:nth-child(5):hover p {
display: block;
}
.sidebar ul li:nth-child(1) p,.sidebar ul li:nth-child(5) p {
position: absolute;
left: -164px;
top: 0px;
background: #1bbb9f;
color: #fff;
padding: 0 50px;
display: none;
}
.sidebar ul li:nth-child(2):hover div {
display: block;
}
.sidebar ul li:nth-child(2) div {
display: none;
position: absolute;
left: -146px;
top: -70px;
background: #1bbb9f;
color: #fff;
width: 146px;
padding: 10px;
text-align: center;
}
.sidebar ul li:nth-child(2) div p,
.sidebar ul li:nth-child(3) div p,
.sidebar ul li:nth-child(4) div p {
padding: 10px 0;
line-height: 22px;
}
.sidebar ul li:nth-child(2) div img,
.sidebar ul li:nth-child(3) div img,
.sidebar ul li:nth-child(4) div img {
width: 100%;
background: #1bbb9f;
}
.sidebar ul li:nth-child(3):hover div {
display: block;
}
.sidebar ul li:nth-child(4):hover div {
display: block;
}
.sidebar ul li:nth-child(3) div,
.sidebar ul li:nth-child(4) div {
display: none;
position: absolute;
background: #1bbb9f;
color: #fff;
left: -147px;
top: -62px;
width: 147px;
padding: 10px;
text-align: center;
}
/* .sidebar ul li:nth-child(4) div {
display: none;
position: absolute;
background: #1bbb9f;
color: #fff;
left: -147px;
top: -62px;
width: 147px;
padding: 10px;
text-align: center;
} */
components/banner.vue
View file @ 649065a9
<template> <template>
<div class="banner banner-b-n-n"> <div class="banner banner-b-n-n">
<div class="box"> <div class="box">
<ul> <ul id="bannerBox">
<li <li
v-for="(item, index) in list" v-for="(item, index) in list"
:key="item.id" :key="item.id"
...@@ -9,10 +9,10 @@ ...@@ -9,10 +9,10 @@
@click="bannerClick(index, item)" @click="bannerClick(index, item)"
> >
<!-- <img :src= "item.cover" style="width:100%;height:560px;min-height: 350px;" :alt="item.alt"/> --> <!-- <img :src= "item.cover" style="width:100%;height:560px;min-height: 350px;" :alt="item.alt"/> -->
<img :src="item.cover" style="width:100%;" :alt="item.alt" /> <img :src="item.cover" style="width:100%;" class="indexBanner" :alt="item.alt" />
</li> </li>
</ul> </ul>
<div class="status"> <div class="status" id="status">
<span <span
class="name-t ellipsis" class="name-t ellipsis"
v-for="(item, index) in list" v-for="(item, index) in list"
...@@ -33,7 +33,10 @@ export default { ...@@ -33,7 +33,10 @@ export default {
return { return {
current: 0, // 当前索引 current: 0, // 当前索引
timerId: null, // 清除循环标记 timerId: null, // 清除循环标记
intStyle: {} intStyle: {},
imgHeight: '',
uiHeight: '',
screenWidth: '',//屏幕宽度
} }
}, },
props: [ props: [
...@@ -100,8 +103,22 @@ export default { ...@@ -100,8 +103,22 @@ export default {
background: this.background, background: this.background,
color: this.color color: this.color
} }
},
//图片高度
picHeigth() {
this.$nextTick(function() {
// console.log(document.getElementsByClassName('indexBanner')[0].height);
this.imgHeight = document.getElementsByClassName(
'indexBanner'
)[0].height
this.uiHeight = document.getElementById('bannerBox')
this.uiHeight.style.height = this.imgHeight + 'px'
})
} }
}, },
mounted() {
this.picHeigth()
},
created() { created() {
this.int(4000) this.int(4000)
} }
......
components/footer.vue
View file @ 649065a9
...@@ -7,11 +7,16 @@ ...@@ -7,11 +7,16 @@
<span>LINK</span> <span>LINK</span>
<span>友情链接</span> <span>友情链接</span>
</p> </p>
<ul class="link-list"> <!-- <ul class="link-list">
<li v-for="(item,index) in list" :key="index"> <li v-for="(item,index) in list" :key="index">
<a :href="item.linkUrl" :title="item.brief">{{ item.name }}</a> <a :href="item.linkUrl" :title="item.brief">{{ item.name }}</a>
</li> </li>
</ul> </ul> -->
<vue-seamless-scroll :data="list" :class-option="optionLeft" class="seamless-warp2" style="width:864px;">
<ul class="item" style="overflow: hidden;">
<li v-for="(item,index) in list" :key="index" v-text="item.name"></li>
</ul>
</vue-seamless-scroll>
</div> </div>
</div> </div>
</div> </div>
...@@ -33,48 +38,13 @@ ...@@ -33,48 +38,13 @@
</p> </p>
</div> </div>
</div> </div>
<!-- <nuxt-link :to="item.linkUrl">{{ item.name }}</nuxt-link> -->
<!-- <div class="footer">
<div class="flex-aic-jcb" style="height: 200px;width: 100%;border-bottom: 1px solid #323737">
<div class="flex-aic">
<div class="footer-scan">
<img src="https://mgmt.dfangche.com/xxfccn/image/home/webchat.jpg" alt="欣新房车，让生活更美好"/>
<p class="ft-12 tc color-ccc">欣新房车微信公众号</p>
</div>
<div class="footer-scan">
<img src="https://mgmt.dfangche.com/xxfccn/image/home/webchat_app.jpg" alt="欣新房车，让生活更美好"/>
<p class="ft-12 tc color-ccc">欣新房车助手小程序</p>
</div>
<div class="footer-scan">
<img src="https://mgmt.dfangche.com/xxfccn/image/qrcode/appQrcode.png" alt="欣新房车，让生活更美好"/>
<p class="ft-12 tc color-ccc">滴房车App(欣新旗下)</p>
</div>
</div>
<div class="r-contant">
<div class="ft-30 flex-aic r-contant-i"><img src="https://mgmt.dfangche.com/xxfccn/image/home/phone.png" style="width: 30px;" alt="欣新房车，让生活更美好"/>4000-369-369</div>
<div class="ft-16 flex-aic r-contant-i"><img src="https://mgmt.dfangche.com/xxfccn/image/home/address.png" alt="欣新房车，让生活更美好"/>广东省东莞市松山湖工业西路12号</div>
<div class="ft-16 flex-aic r-contant-i"><img src="https://mgmt.dfangche.com/xxfccn/image/home/company.png" alt="欣新房车，让生活更美好"/>欣新房车控股集团（东莞）股份有限公司</div>
</div>
</div>
</div>
<div class=" flex-aic-jcc">
<ul class="fri" v-if="listShow">
<li v-for="(item,index) in list" :key="index">
<a :href="item.linkUrl" :title="item.brief">{{ item.name }}</a>
<span>|</span>
</li>
</ul>
</div>
<div class="link-f flex-aic-jcc">
©欣新房车控股集团（东莞）股份有限公司2019保留一切权利
<span style="margin-left: 5px;">备案号：</span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备19072339号-2</a>
</div>-->
</div> </div>
</template> </template>
<script> <script>
import axios from '../plugins/axios' import axios from '../plugins/axios'
import Swiper from 'swiper'
import 'swiper/dist/css/swiper.min.css'
export default { export default {
transition: 'bounce', transition: 'bounce',
name: 'footerModal', name: 'footerModal',
...@@ -82,7 +52,23 @@ export default { ...@@ -82,7 +52,23 @@ export default {
data() { data() {
return { return {
list: [], list: [],
listShow: false listShow: false,
newsList: [
{
title: '11111111111'
},
{
title: '2222222'
}
]
}
},
computed: {
optionLeft() {
return {
direction: 2,
limitMoveNum: 2
}
} }
}, },
created() { created() {
...@@ -104,8 +90,23 @@ export default { ...@@ -104,8 +90,23 @@ export default {
} }
</script> </script>
<style> <style>
.seamless-warp2 {
overflow: hidden;
height: 25px;
width: 870px;
display: inline-block;
margin-left:80px;
}
.seamless-warp2 ul.item {
width: 580px;
}
.seamless-warp2 ul.item li {
float: left;
margin-right: 95px;
}
.footer { .footer {
display: block; display: block;
overflow: hidden;
} }
.foot-content { .foot-content {
width: 100%; width: 100%;
...@@ -128,11 +129,14 @@ export default { ...@@ -128,11 +129,14 @@ export default {
} }
.link-list { .link-list {
margin-top: 15px; margin-top: 15px;
overflow: hidden;
display: inline-block; display: inline-block;
position: relative;
top: -27px;
left: 80px;
} }
.link-list li { .link-list li {
float: left; float: left;
width: 200px;
margin-right: 95px; margin-right: 95px;
line-height: 25px; line-height: 25px;
} }
...@@ -167,18 +171,18 @@ export default { ...@@ -167,18 +171,18 @@ export default {
margin-right: 10px; margin-right: 10px;
} }
.bottom-main .adress { .bottom-main .adress {
display: inline-block; display: inline-block;
float: right; float: right;
text-align: center; text-align: center;
margin-top: 44px; margin-top: 44px;
} }
.bottom-main .adress p:nth-child(1){ .bottom-main .adress p:nth-child(1) {
font-size: 16px; font-size: 16px;
color: #ccc; color: #ccc;
} }
.bottom-main .adress p:nth-child(2){ .bottom-main .adress p:nth-child(2) {
font-size: 12px; font-size: 12px;
color: #999; color: #999;
margin-top: 20px; margin-top: 20px;
} }
</style> </style>
\ No newline at end of file
components/goTop.vue
View file @ 649065a9
<template> <template>
<div id="goTop"> <div id="goTop" style="display:none">
<div class="show-go-top" v-show="goTopShow" @click="goTop"> <div class="show-go-top" v-show="goTopShow" @click="goTop">
<img style="width: 20px;" src="https://mgmt.dfangche.com/xxfccn/image/home/top.png"/> <img style="width: 20px;" src="https://mgmt.dfangche.com/xxfccn/image/home/top.png"/>
<div class="goTop">回到顶部</div> <div class="goTop">回到顶部</div>
......
components/menu.vue
View file @ 649065a9
This diff is collapsed.
nuxt.config.js
View file @ 649065a9
...@@ -28,13 +28,13 @@ module.exports = { ...@@ -28,13 +28,13 @@ module.exports = {
// css: ['~/assets/index.css','~/assets/menu.css','~/assets/main.css','~/assets/font/iconfont.css'], // css: ['~/assets/index.css','~/assets/menu.css','~/assets/main.css','~/assets/font/iconfont.css'],
loading: '~/components/loading.vue', loading: '~/components/loading.vue',
plugins: [ plugins: [
{ src: '~plugins/muse-ui.js', ssr: true }, { src: '~plugins/muse-ui.js', ssr: true },
{ src: '~plugins/filters.js', srr: false }, { src: '~plugins/filters.js', srr: false },
{ src: '~/plugins/elementUI.js', srr: false }, { src: '~/plugins/elementUI.js', srr: false },
{ src: '~/plugins/baidu.js', srr: true }, { src: '~/plugins/baidu.js', srr: true },
{ src: '~/plugins/viewer.js', srr: true }, { src: '~/plugins/viewer.js', srr: true },
{ src: '~/plugins/vueSeamlessScroll.js', ssr: false },
], ],
build: { build: {
extend(config, { isDev, isClient }) { extend(config, { isDev, isClient }) {
......
package-lock.json
View file @ 649065a9
This diff is collapsed.
pages/index.vue
View file @ 649065a9
This diff is collapsed.
plugins/elementUI.js
View file @ 649065a9
...@@ -2,3 +2,4 @@ import Vue from 'vue' ...@@ -2,3 +2,4 @@ import Vue from 'vue'
import ElementUI from 'element-ui' import ElementUI from 'element-ui'
// import 'element-ui/lib/theme-chalk/index.css' // import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI) Vue.use(ElementUI)
plugins/vueSeamlessScroll.js 0 → 100644
View file @ 649065a9
import Vue from 'vue'
import vueSeamlessScroll from 'vue-seamless-scroll'
Vue.use(vueSeamlessScroll)
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment