diff --git a/index.html b/index.html index 056d311..f711407 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + 小发同城 diff --git a/src/assets/css/index.css b/src/assets/css/index.css index f72b74d..ab80091 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -4,8 +4,21 @@ padding: 0; box-sizing: border-box; } + +a{ + text-decoration: none; +} + +ul{ + list-style: none; +} + +body{ + font-size: 12px; + overflow-x: hidden; +} :root { - --bgcolor: #409eff; + --bgcolor: #ea4322; } html{ @@ -15,7 +28,7 @@ html{ /* 按钮样式 */ .btn { - background: #7354ff; + background: #ea4322; border: medium none; color: #fff; cursor: pointer; @@ -50,13 +63,13 @@ html{ .btn:not(:disabled):not(.disabled):active, :focus { - color: #7354ff; + color: #ea4322; } .btn:focus { - background: #000b22; - color: #7354ff; - border-color: #000b22; + background: #ea4322; + color: #fff; + border-color: #fff; } .btn:active { @@ -70,9 +83,6 @@ html{ } /* 固定定位*/ .header-list { - position: fixed; - top: 0; - left: 0; width: 100%; height: 70px; background-color: #fff; @@ -100,9 +110,10 @@ html{ padding-left: 20px; } .logo a { - background: url("../../assets/image/xiaofa_logo.png"); + background: url("../../assets/image/logo.jpg") no-repeat; width: 48px; height: 48px; + border-radius: 5px; display: inline-block; background-size: contain; outline: none; @@ -229,26 +240,6 @@ html{ padding: 50px 0; } -.index-title { - text-align: center; -} - -.index-title h3 { - padding-top: 30px; - font-size: 42px; - font-weight: 700; -} - -.index-title p { - font-size: 20px; - color: #666; - padding: 20px; - text-align: center; - font-weight: 500; - max-width: 580px; - margin: 15px auto 0px auto; -} - .service-contain { display: flex; flex-direction: column; @@ -289,7 +280,7 @@ html{ transition: 0.3s; } .service-list ul li:hover { - background: linear-gradient(90.54deg, #7354ff 0.42%, #000b22 102.71%); + background: linear-gradient(90.54deg, #ec4b2b 0.42%, #f85535 102.71%); } .service-list ul li:hover i::before { color: #fff; @@ -300,76 +291,3 @@ html{ .service-list ul li:hover i::before p { color: #fff; } - -/*页脚*/ -.footer { - display: flex; - width: 100%; - flex-direction: column; - align-items: center; - background: #000b22; - padding: 20px; -} -.footer .row .el-row{ -width: 100%; -} -.footer .row { - display: flex; - width: 100%; - max-width: 1200px; - margin: auto; - justify-content: center; - align-items: center; -} -.footer .row p { - padding-left: 10px; -} -.footer .row ul { - padding-left: 10px; -} -.footer .logo_text p { - color: #fff; - font-size: 30px; - padding: 20px; - font-weight: 800; -} -.footer .row .about { - display: flex; - flex-direction: column; - justify-content: center; - align-items: start; - line-height: 38px; -} -.footer .row .contact { - display: flex; - flex-direction: column; - justify-content: center; - align-items: start; - line-height: 38px; -} -.footer .row .contact span { - color: #b6b6b6; -} -.footer .row a { - color: #b6b6b6; - text-decoration: none; -} - -.footer p { - color: #fff; -} -.footer li { - list-style: none; - color: #fff; -} - -.footer .copyright { - margin: 10px 0px; -} -.footer .copyright p { - color: #fff; -} -.footer .copyright a { - color: #808080; - text-decoration: none; -} diff --git a/src/assets/image/banner1.jpg b/src/assets/image/banner1.jpg new file mode 100644 index 0000000..b580cb0 Binary files /dev/null and b/src/assets/image/banner1.jpg differ diff --git a/src/assets/image/logo.jpg b/src/assets/image/logo.jpg new file mode 100644 index 0000000..0c15ff6 Binary files /dev/null and b/src/assets/image/logo.jpg differ diff --git a/src/components/BasicLayout.vue b/src/components/BasicLayout.vue index e3e02fb..3cf46a4 100644 --- a/src/components/BasicLayout.vue +++ b/src/components/BasicLayout.vue @@ -1,7 +1,7 @@ - - \ No newline at end of file +import { ref } from 'vue'; + +import Slider from "./slider.vue"; +import Banner from "./banner.vue"; +import Service from "./service.vue"; +import Company from "./company.vue"; +import Register from '@/components/register.vue'; + +const showRegisterForm = ref(false); +const showLoginForm = ref(false); + + + diff --git a/src/views/index/service.vue b/src/views/index/service.vue index e8f6f91..db438da 100644 --- a/src/views/index/service.vue +++ b/src/views/index/service.vue @@ -32,7 +32,16 @@ - \ No newline at end of file diff --git a/src/views/index/slider.vue b/src/views/index/slider.vue index d025f72..bc339da 100644 --- a/src/views/index/slider.vue +++ b/src/views/index/slider.vue @@ -1,118 +1,70 @@ - \ No newline at end of file +