Skip to content

V
vue-ssr
Commit 57f155a0 authored by guoyou's avatar guoyou
Browse files
Options

首页改版

parent b3ee4342
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 3290 additions and 712 deletions
.nuxt/App.js
View file @ 57f155a0
import Vue from 'vue'
import NuxtLoading from '~/components/loading.vue'
import '..\\assets\\index.css'
import '..\\assets\\menu.css'
import '..\\assets\\main.css'
import '..\\assets\\font\\iconfont.css'
let layouts = {
......@@ -11,7 +19,7 @@ let layouts = {
let resolvedLayouts = {}
export default {
head: {"title":"欣新房车—房车·让生活更美好-房车销售丨房车租赁丨房车旅游丨房车托管","meta":[{"charset":"utf-8"},{"name":"viewport","content":"width=device-width, initial-scale=1"},{"hid":"keywords","name":"keywords","content":"欣新房车，房车旅游，房车，房车租赁，房车销售，房车价格，房车之家，房车经济，房车高峰论坛"},{"hid":"description","name":"description","content":"欣新房车是一家专业从事房车销售，房车租赁，房车旅游，房车托管及房车产业配套与服务的免费异地取车异地还车已在全国各地举办多届房车经济峰会的集团股份公司"}],"link":[{"rel":"icon","type":"image\u002Fx-icon","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fimage\u002F1\u002Fapp\u002F5d9c62b7412efd926f70e0ed5efb19a.png"},{"rel":"stylesheet","href":"https:\u002F\u002Ffonts.googleapis.com\u002Fcss?family=Roboto:300,400,500,700,400italic"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fmain.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fmenu.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Ffooter.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Findex.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002FgoTop.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fswiper.min.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fwww.xxfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fel\u002Findex.css"}],"script":[{"src":"https:\u002F\u002Fdev.dfangche.com\u002Fh5\u002FappHtml\u002Fjs\u002Futil.js"}],"style":[]},
head: {"title":"欣新房车—房车·让生活更美好-房车销售丨房车租赁丨房车旅游丨房车托管","meta":[{"charset":"utf-8"},{"name":"viewport","content":"width=device-width, initial-scale=1"},{"hid":"keywords","name":"keywords","content":"欣新房车，房车旅游，房车，房车租赁，房车销售，房车价格，房车之家，房车经济，房车高峰论坛"},{"hid":"description","name":"description","content":"欣新房车是一家专业从事房车销售，房车租赁，房车旅游，房车托管及房车产业配套与服务的免费异地取车异地还车已在全国各地举办多届房车经济峰会的集团股份公司"}],"link":[{"rel":"icon","type":"image\u002Fx-icon","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fimage\u002F1\u002Fapp\u002F5d9c62b7412efd926f70e0ed5efb19a.png"},{"rel":"stylesheet","href":"https:\u002F\u002Ffonts.googleapis.com\u002Fcss?family=Roboto:300,400,500,700,400italic"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Ffooter.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002FgoTop.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fmgmt.dfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fswiper.min.css"},{"rel":"stylesheet","href":"https:\u002F\u002Fwww.xxfangche.com\u002Fxxfccn\u002Fcss\u002Fpc\u002Fel\u002Findex.css"}],"script":[{"src":"https:\u002F\u002Fdev.dfangche.com\u002Fh5\u002FappHtml\u002Fjs\u002Futil.js"}],"style":[]},
render(h, props) {
const loadingEl = h('nuxt-loading', { ref: 'loading' })
const layoutEl = h(this.layout || 'nuxt')
......
assets/font/demo.css 0 → 100644
View file @ 57f155a0
/* Logo 字体 */
@font-face {
font-family: "iconfont logo";
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
}
.logo {
font-family: "iconfont logo";
font-size: 160px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* tabs */
.nav-tabs {
position: relative;
}
.nav-tabs .nav-more {
position: absolute;
right: 0;
bottom: 0;
height: 42px;
line-height: 42px;
color: #666;
}
#tabs {
border-bottom: 1px solid #eee;
}
#tabs li {
cursor: pointer;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-bottom: 2px solid transparent;
position: relative;
z-index: 1;
margin-bottom: -1px;
color: #666;
}
#tabs .active {
border-bottom-color: #f00;
color: #222;
}
.tab-container .content {
display: none;
}
/* 页面布局 */
.main {
padding: 30px 100px;
width: 960px;
margin: 0 auto;
}
.main .logo {
color: #333;
text-align: left;
margin-bottom: 30px;
line-height: 1;
height: 110px;
margin-top: -50px;
overflow: hidden;
*zoom: 1;
}
.main .logo a {
font-size: 160px;
color: #333;
}
.helps {
margin-top: 40px;
}
.helps pre {
padding: 20px;
margin: 10px 0;
border: solid 1px #e7e1cd;
background-color: #fffdef;
overflow: auto;
}
.icon_lists {
width: 100% !important;
overflow: hidden;
*zoom: 1;
}
.icon_lists li {
width: 100px;
margin-bottom: 10px;
margin-right: 20px;
text-align: center;
list-style: none !important;
cursor: default;
}
.icon_lists li .code-name {
line-height: 1.2;
}
.icon_lists .icon {
display: block;
height: 100px;
line-height: 100px;
font-size: 42px;
margin: 10px auto;
color: #333;
-webkit-transition: font-size 0.25s linear, width 0.25s linear;
-moz-transition: font-size 0.25s linear, width 0.25s linear;
transition: font-size 0.25s linear, width 0.25s linear;
}
.icon_lists .icon:hover {
font-size: 100px;
}
.icon_lists .svg-icon {
/* 通过设置 font-size 来改变图标大小 */
width: 1em;
/* 图标和文字相邻时，垂直对齐 */
vertical-align: -0.15em;
/* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor;
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
normalize.css 中也包含这行 */
overflow: hidden;
}
.icon_lists li .name,
.icon_lists li .code-name {
color: #666;
}
/* markdown 样式 */
.markdown {
color: #666;
font-size: 14px;
line-height: 1.8;
}
.highlight {
line-height: 1.5;
}
.markdown img {
vertical-align: middle;
max-width: 100%;
}
.markdown h1 {
color: #404040;
font-weight: 500;
line-height: 40px;
margin-bottom: 24px;
}
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
color: #404040;
margin: 1.6em 0 0.6em 0;
font-weight: 500;
clear: both;
}
.markdown h1 {
font-size: 28px;
}
.markdown h2 {
font-size: 22px;
}
.markdown h3 {
font-size: 16px;
}
.markdown h4 {
font-size: 14px;
}
.markdown h5 {
font-size: 12px;
}
.markdown h6 {
font-size: 12px;
}
.markdown hr {
height: 1px;
border: 0;
background: #e9e9e9;
margin: 16px 0;
clear: both;
}
.markdown p {
margin: 1em 0;
}
.markdown>p,
.markdown>blockquote,
.markdown>.highlight,
.markdown>ol,
.markdown>ul {
width: 80%;
}
.markdown ul>li {
list-style: circle;
}
.markdown>ul li,
.markdown blockquote ul>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown>ul li p,
.markdown>ol li p {
margin: 0.6em 0;
}
.markdown ol>li {
list-style: decimal;
}
.markdown>ol li,
.markdown blockquote ol>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown code {
margin: 0 3px;
padding: 0 5px;
background: #eee;
border-radius: 3px;
}
.markdown strong,
.markdown b {
font-weight: 600;
}
.markdown>table {
border-collapse: collapse;
border-spacing: 0px;
empty-cells: show;
border: 1px solid #e9e9e9;
width: 95%;
margin-bottom: 24px;
}
.markdown>table th {
white-space: nowrap;
color: #333;
font-weight: 600;
}
.markdown>table th,
.markdown>table td {
border: 1px solid #e9e9e9;
padding: 8px 16px;
text-align: left;
}
.markdown>table th {
background: #F7F7F7;
}
.markdown blockquote {
font-size: 90%;
color: #999;
border-left: 4px solid #e9e9e9;
padding-left: 0.8em;
margin: 1em 0;
}
.markdown blockquote p {
margin: 0;
}
.markdown .anchor {
opacity: 0;
transition: opacity 0.3s ease;
margin-left: 8px;
}
.markdown .waiting {
color: #ccc;
}
.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
opacity: 1;
display: inline-block;
}
.markdown>br,
.markdown>p>br {
clear: both;
}
.hljs {
display: block;
background: white;
padding: 0.5em;
color: #333333;
overflow-x: auto;
}
.hljs-comment,
.hljs-meta {
color: #969896;
}
.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
color: #df5000;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
color: #a71d5d;
}
.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
color: #0086b3;
}
.hljs-section,
.hljs-name {
color: #63a35c;
}
.hljs-tag {
color: #333333;
}
.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: #795da3;
}
.hljs-addition {
color: #55a532;
background-color: #eaffea;
}
.hljs-deletion {
color: #bd2c00;
background-color: #ffecec;
}
.hljs-link {
text-decoration: underline;
}
/* 代码高亮 */
/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
:not(pre)>code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre)>code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
assets/font/demo_index.html 0 → 100644
View file @ 57f155a0
This diff is collapsed.
assets/font/iconfont.css 0 → 100644
View file @ 57f155a0
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1571128885134'); /* IE9 */
src: url('iconfont.eot?t=1571128885134#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('iconfont.woff?t=1571128885134') format('woff'),
url('iconfont.ttf?t=1571128885134') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1571128885134#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon24xiaoshi:before {
content: "\e6bc";
}
.iconditu:before {
content: "\e60b";
}
.iconyidongduanicon-:before {
content: "\e617";
}
.iconsingle_arrow:before {
content: "\e623";
}
assets/font/iconfont.js 0 → 100644
View file @ 57f155a0
!function(a){var e,n='<svg><symbol id="icon24xiaoshi" viewBox="0 0 1024 1024"><path d="M374.321436 278.414786c-9.638048-12.114457-188.927143-181.777667-188.927143-181.777667l-81.721498 58.185882 227.340674 228.393999C357.117934 358.261949 398.201268 310.954752 374.321436 278.414786L374.321436 278.414786zM438.73118 573.415187C311.823732 445.949452 309.499362 409.574457 311.278824 401.898319L85.087564 174.646436c-22.627032 45.77951-84.525095 234.233508 232.705821 528.54791C645.028459 1006.818392 780.987694 921.531887 806.63361 899.504496L590.497592 682.366238C576.489339 684.824402 538.402995 673.524874 438.73118 573.415187L438.73118 573.415187zM610.030329 663.470848l214.883218 215.845319 70.623877-81.356605c0 0-183.266431-185.61756-180.395938-186.621017C679.204363 593.278761 631.768238 639.093544 610.030329 663.470848L610.030329 663.470848zM458.169045 247.476701c0.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 179.759807 736.537611 84.118847 574.21727 128.442433c-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 247.476701zM784.733931 499.115618l0-44.832004 25.243317 0 0-17.794629L784.733931 436.488985 784.733931 301.033304l-26.167713 0L661.387841 436.488985l0 17.794629 97.178377 0 0 44.832004L784.733931 499.115618 784.733931 499.115618zM687.560419 436.465876l71.005799-99.01379 0 99.01379L687.560419 436.465876 687.560419 436.465876zM593.190504 425.266085c37.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 425.266085zM593.190504 425.266085" ></path></symbol><symbol id="iconditu" viewBox="0 0 1024 1024"><path d="M515.2 339c-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 345.4 650.3 420c-0.1 74.6-60.5 135.1-135.1 135.1z" ></path></symbol><symbol id="iconyidongduanicon-" viewBox="0 0 1024 1024"><path d="M508.84 650c-49-39.91-105.49-93.6-154.44-154.16-34.34-42.45-64.71-87-33.35-118.37L100.94 158C68.86 198-2.23 388.39 302.47 700.13c321 328.52 528.09 258.24 563.73 221.2L651.61 707c-30 29.93-68.64 3.32-142.77-57z m434.82 146.78v-0.2s-167.45-166.92-167.55-167a33.75 33.75 0 0 0-47.62 0.07l-60.69 60.74L883 905.29s60.76-60.53 60.7-60.6l0.16-0.13c13.9-13.91 12.48-35.07-0.16-47.78zM398.41 300.31v-0.17a33.57 33.57 0 0 0 0-47.69v-0.23L226.05 80.46a33.67 33.67 0 0 0-47.65 0l-60.69 60.79 219.93 219.61s60.77-60.45 60.77-60.55z" ></path></symbol><symbol id="iconsingle_arrow" viewBox="0 0 1024 1024"><path d="M960 576v-2q-0.06-1-0.15-2v-0.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 0-6.69-11.65v-0.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 267.57a39.88 39.88 0 0 0-56.39 0l-0.18 0.18a39.88 39.88 0 0 0 0 56.39L823.43 536H104a40 40 0 0 0 0 80h817.87A40 40 0 0 0 960 577.89v-1.12-0.77z" fill="#999999" ></path></symbol></svg>',t=(e=document.getElementsByTagName("script"))[e.length-1].getAttribute("data-injectcss");if(t&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(e){console&&console.log(e)}}!function(e){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(e,0);else{var t=function(){document.removeEventListener("DOMContentLoaded",t,!1),e()};document.addEventListener("DOMContentLoaded",t,!1)}else document.attachEvent&&(o=e,c=a.document,i=!1,(l=function(){try{c.documentElement.doScroll("left")}catch(e){return void setTimeout(l,50)}n()})(),c.onreadystatechange=function(){"complete"==c.readyState&&(c.onreadystatechange=null,n())});function n(){i||(i=!0,o())}var o,c,i,l}(function(){var e,t;(e=document.createElement("div")).innerHTML=n,n=null,(t=e.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",function(e,t){t.firstChild?function(e,t){t.parentNode.insertBefore(e,t)}(e,t.firstChild):t.appendChild(e)}(t,document.body))})}(window);
\ No newline at end of file
assets/font/iconfont.json 0 → 100644
View file @ 57f155a0
{
"id": "1457191",
"name": "欣新房车官网",
"font_family": "iconfont",
"css_prefix_text": "icon",
"description": "",
"glyphs": [
{
"icon_id": "782211",
"name": "24小时",
"font_class": "24xiaoshi",
"unicode": "e6bc",
"unicode_decimal": 59068
},
{
"icon_id": "1724840",
"name": "地图",
"font_class": "ditu",
"unicode": "e60b",
"unicode_decimal": 58891
},
{
"icon_id": "3922113",
"name": "电话",
"font_class": "yidongduanicon-",
"unicode": "e617",
"unicode_decimal": 58903
},
{
"icon_id": "4395676",
"name": "单箭头",
"font_class": "single_arrow",
"unicode": "e623",
"unicode_decimal": 58915
}
]
}
assets/font/iconfont.svg 0 → 100644
View file @ 57f155a0
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<!--
2013-9-30: Created.
-->
<svg>
<metadata>
Created by iconfont
</metadata>
<defs>
<font id="iconfont" horiz-adv-x="1024" >
<font-face
font-family="iconfont"
font-weight="500"
font-stretch="normal"
units-per-em="1024"
ascent="896"
descent="-128"
/>
<missing-glyph />
<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="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="yidongduanicon-" unicode="&#58903;" d="M508.84 246c-49 39.91-105.49 93.6-154.44 154.16-34.34 42.45-64.71 87-33.35 118.37L100.94 738C68.86 698-2.23 507.61 302.47 195.87c321-328.52 528.09-258.24 563.73-221.2L651.61 189c-30-29.93-68.64-3.32-142.77 57z m434.82-146.78v0.2s-167.45 166.92-167.55 167a33.75 33.75 0 0 1-47.62-0.07l-60.69-60.74L883-9.29s60.76 60.53 60.7 60.6l0.16 0.13c13.9 13.91 12.48 35.07-0.16 47.78zM398.41 595.69v0.17a33.57 33.57 0 0 1 0 47.69v0.23L226.05 815.54a33.67 33.67 0 0 1-47.65 0l-60.69-60.79 219.93-219.61s60.77 60.45 60.77 60.55z" 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" />
</font>
</defs></svg>
assets/index.css
View file @ 57f155a0
This diff is collapsed.
assets/main.css
View file @ 57f155a0
......@@ -136,7 +136,7 @@ body {
}
.main-container{
margin-top:174px;
margin-top:170px;
min-height: 600px;
min-width: 1120px;
overflow: hidden;
......
assets/menu.css
View file @ 57f155a0
......@@ -128,7 +128,7 @@
width: 100%;
margin: 0 auto;
background-color: #333;
height: 54px;
height: 50px;
}
.users {
list-style-type: none;
......@@ -201,7 +201,6 @@ a{
}
.menu-select{
width: 500px !important;
position: absolute;
}
.help:hover a{
color:#1BBB9F;
......
components/banner.vue
View file @ 57f155a0
<template>
<div class="banner banner-b-n-n">
<div class="box">
<ul>
<li v-for="(item, index) in list" :key="item.id" :class="index === current ? 'active' : ''" @click="bannerClick(index, item)">
<img :src= "item.cover" style="width:100%;height:560px;min-height: 350px;" :alt="item.alt"/>
</li>
</ul>
<div class="status">
<span class="name-t ellipsis" v-for="(item, index) in list" :key="item.id" :class="index === current ? 'active' : ''"
@mouseenter="changeBanner(index)"
@mouseleave="startLoop"
>{{item.title}}
</span>
</div>
</div>
</div>
<div class="banner banner-b-n-n">
<div class="box">
<ul>
<li
v-for="(item, index) in list"
:key="item.id"
:class="index === current ? 'active' : ''"
@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%;" :alt="item.alt" />
</li>
</ul>
<div class="status">
<span
class="name-t ellipsis"
v-for="(item, index) in list"
:key="item.id"
:class="index === current ? 'active' : ''"
@mouseenter="changeBanner(index)"
@mouseleave="startLoop"
>{{item.title}}</span>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'banner',
data() {
return {
current: 0, // 当前索引
timerId: null, // 清除循环标记
intStyle: {}
}
},
props: [
'list',
'looptime',
'height',
'width',
'background',
'color',
'fontSize'
],
methods: {
getArticle () {
this.$emit('getArticle', this.article)
},
// 鼠标移入状态圆点
changeBanner (index) {
this.$emit('change', this.current);
this.stopLoop();
this.current = index;
},
// 鼠标点击banner内容
bannerClick (index, item) {
this.$emit('click', index, item);
},
// 点击上一张按钮
prev () {
if(this.current > 0) {
// 将对象列表对应的索引和整个对象传出去
this.$emit('prev', this.current, this.list);
this.current--;
} else {
this.$emit('prev', this.current, this.list);
this.current = this.list.length - 1 ;
}
},
// 点击下一张按钮
next () {
if(this.current < this.list.length - 1) {
this.$emit('prev', this.current, this.list);
this.current ++;
} else {
this.$emit('prev', this.current, this.list);
this.current = 0;
}
},
// 鼠标移出继续循环播放
startLoop () {
this.int(4000);
},
// 鼠标移入停止循环播放
stopLoop () {
clearTimeout(this.timerId); // 清除循环
},
// 初始化加载
int (time){
this.timerId = setInterval(()=> {
this.next();
}, time);
// 初始化样式
this.intStyle = {
width: this.width + 'px',
height: this.height + 'px',
background: this.background,
color: this.color
}
}
},
created () {
this.int(4000);
}
}
export default {
name: 'banner',
data() {
return {
current: 0, // 当前索引
timerId: null, // 清除循环标记
intStyle: {}
}
},
props: [
'list',
'looptime',
'height',
'width',
'background',
'color',
'fontSize'
],
methods: {
getArticle() {
this.$emit('getArticle', this.article)
},
// 鼠标移入状态圆点
changeBanner(index) {
this.$emit('change', this.current)
this.stopLoop()
this.current = index
},
// 鼠标点击banner内容
bannerClick(index, item) {
this.$emit('click', index, item)
},
// 点击上一张按钮
prev() {
if (this.current > 0) {
// 将对象列表对应的索引和整个对象传出去
this.$emit('prev', this.current, this.list)
this.current--
} else {
this.$emit('prev', this.current, this.list)
this.current = this.list.length - 1
}
},
// 点击下一张按钮
next() {
if (this.current < this.list.length - 1) {
this.$emit('prev', this.current, this.list)
this.current++
} else {
this.$emit('prev', this.current, this.list)
this.current = 0
}
},
// 鼠标移出继续循环播放
startLoop() {
this.int(4000)
},
// 鼠标移入停止循环播放
stopLoop() {
clearTimeout(this.timerId) // 清除循环
},
// 初始化加载
int(time) {
this.timerId = setInterval(() => {
this.next()
}, time)
// 初始化样式
this.intStyle = {
width: this.width + 'px',
height: this.height + 'px',
background: this.background,
color: this.color
}
}
},
created() {
this.int(4000)
}
}
</script>
<style>
@import "../assets/banner.css";
@import '../assets/banner.css';
</style>
components/footer.vue
View file @ 57f155a0
<template>
<div class="footer-container">
<!--<img src="../assets/images/footer.jpg" style="width:100%;position:relative;z-index:-1" alt="欣新房车，让生活更美好">-->
<div class="footer">
<div class="footer-container">
<div class="foot-content">
<div class="footer">
<div>
<p class="links-title">
<span>LINK</span>
<span>友情链接</span>
</p>
<ul class="link-list">
<li v-for="(item,index) in list" :key="index">
<a :href="item.linkUrl" :title="item.brief">{{ item.name }}</a>
</li>
</ul>
</div>
</div>
</div>
<div class="bottom-main">
<div class="hot-tel">
<p>24小时客服竭诚为您服务</p>
<p>
<span class="iconfont icon24xiaoshi"></span>4000-369-369
</p>
</div>
<div class="adress">
<p>
<span class="iconfont iconditu"></span>广东省东莞市松山湖工业西路12号 欣新房车控股集团(东莞)股份有限公司
</p>
<p>
©欣新房车控股集团（东莞）股份有限公司2019保留一切权利
备案号：
粤ICP备19072339号-1
</p>
</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">
......@@ -27,7 +61,6 @@
<div class=" flex-aic-jcc">
<ul class="fri" v-if="listShow">
<li v-for="(item,index) in list" :key="index">
<!-- <nuxt-link :to="item.linkUrl">{{ item.name }}</nuxt-link> -->
<a :href="item.linkUrl" :title="item.brief">{{ item.name }}</a>
<span>|</span>
</li>
......@@ -36,38 +69,116 @@
<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>-->
</div>
</template>
<script>
import axios from '../plugins/axios'
export default {
transition: 'bounce',
name: 'footerModal',
props: [],
data () {
return {
list:[],
listShow:false
}
},
created() {
this.getAll();
},
methods:{
async getAll() {
let {
data: { data }
} = await axios.get( "/api/uccn/app/unauth/friend_link/list");
if(data.length == 0){
this.listShow = false
}else{
this.listShow = true
}
this.list = data;
console.log(data);
},
}
}
export default {
transition: 'bounce',
name: 'footerModal',
props: [],
data() {
return {
list: [],
listShow: false
}
},
created() {
this.getAll()
},
methods: {
async getAll() {
let {
data: { data }
} = await axios.get('/api/uccn/app/unauth/friend_link/list')
if (data.length == 0) {
this.listShow = false
} else {
this.listShow = true
}
this.list = data
}
}
}
</script>
<style>
.footer {
display: block;
}
.foot-content {
width: 100%;
border-bottom: 1px solid #444;
}
.links-title {
display: inline-block;
width: 169px;
}
.links-title span:nth-child(1) {
font-weight: bold;
color: #1bbb9f;
font-size: 40px;
font-style: italic;
}
.links-title span:nth-child(2) {
position: relative;
top: -8px;
left: 4px;
}
.link-list {
margin-top: 15px;
overflow: hidden;
display: inline-block;
}
.link-list li {
float: left;
margin-right: 95px;
line-height: 25px;
}
.link-list li a {
font-size: 16px;
color: #cccccc;
}
.link-list li a:hover {
color: #1bbb9f;
}
.bottom-main {
width: 1120px;
margin: 0 auto;
margin-top: 30px;
}
.hot-tel {
display: inline-block;
}
.hot-tel p:nth-child(1) {
color: #999;
}
.hot-tel p:nth-child(2) {
display: inline-block;
font-size: 29px;
background: #1bbb9f;
padding: 16px 15px;
border-radius: 10px;
margin-top: 15px;
}
.hot-tel p:nth-child(2) span {
font-size: 29px;
margin-right: 10px;
}
.bottom-main .adress {
display: inline-block;
float: right;
text-align: center;
margin-top: 44px;
}
.bottom-main .adress p:nth-child(1){
font-size: 16px;
color: #ccc;
}
.bottom-main .adress p:nth-child(2){
font-size: 12px;
color: #999;
margin-top: 20px;
}
</style>
\ No newline at end of file
nuxt.config.js
View file @ 57f155a0
......@@ -12,10 +12,10 @@ module.exports = {
link: [
{ rel: 'icon', type: 'image/x-icon', href: 'https://mgmt.dfangche.com/xxfccn/image/1/app/5d9c62b7412efd926f70e0ed5efb19a.png' },
{ rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic' },
{ rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/main.css' },
{ rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/menu.css' },
// { rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/main.css' },
// { rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/menu.css' },
{ rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/footer.css' },
{ rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/index.css' },
// { rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/index.css' },
{ rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/goTop.css' },
{ rel: 'stylesheet', href: 'https://mgmt.dfangche.com/xxfccn/css/pc/swiper.min.css' },
{ rel: 'stylesheet', href: 'https://www.xxfangche.com/xxfccn/css/pc/el/index.css' }
......@@ -24,8 +24,7 @@ module.exports = {
{ src: 'https://dev.dfangche.com/h5/appHtml/js/util.js' },
],
},
css: [
],
css: ['~/assets/index.css','~/assets/menu.css','~/assets/main.css','~/assets/font/iconfont.css'],
loading: '~/components/loading.vue',
......
pages/index.vue
View file @ 57f155a0
This diff is collapsed.
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