Skip to content

O
offical_web
Commit d5494f62 by wusiyi
Options

feat: 官网2.0升级

parent aa314410
Showing with 48 additions and 69 deletions
src/assets/images/logout.svg
<?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"><svg t="1678692281445" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4160" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M867.5 470.8L758 365c-18.2-17-19.2-45.5-2.3-63.7 17-18.2 45.5-19.2 63.7-2.3 0.4 0.4 0.9 0.8 1.3 1.2l187.6 181.5c17.9 17.3 18.3 45.9 1 63.8L821.6 739.2c-18.1 17.1-46.6 16.3-63.7-1.7-16.1-17-16.5-43.5-0.9-61l112.1-115.6H422.3c-24.9 0-45.1-20.2-45.1-45.1 0-24.9 20.2-45.1 45.1-45.1l445.2 0.1zM92.1 917.3h555.4c24.9 1.1 44.1 22.1 43 47-1 23.3-19.7 42-43 43H47.1c-24.9 0-45-20.1-45.1-45V61.7c0-24.9 20.2-45.1 45.1-45.1h600.4c24.9 0 45.1 20.2 45.1 45.1 0 24.9-20.2 45.1-45.1 45.1H92l0.1 810.5z" p-id="4161"></path></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 14 14">
<g fill="none">
<path fill="#fff3d7" d="M9.5 12.5a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1z" />
<path stroke="#e8af24" stroke-linecap="round" stroke-linejoin="round" d="M9.5 10.5v2a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v2M6.5 7h7m-2-2l2 2l-2 2" stroke-width="1.6" />
</g>
</svg>
\ No newline at end of file
src/components/head.vue
......@@ -147,7 +147,7 @@
<span>欢迎您</span>
</div>
<div class="logout" title="退出登录" @click="logout">
<img src="../assets/images/logout.png" />
<img src="../assets/images/logout.svg" />
</div>
</div>
<el-button type="primary" @click="freeTrial">免费试用</el-button>
......@@ -173,11 +173,7 @@ import productionSvg from '../assets/images/home/production.svg'
import customSvg from '../assets/images/home/custom.svg'
import supplyChainSvg from '../assets/images/home/earth.svg'
import logisticsSvg from '../assets/images/home/logistics.svg'
import platformSvg from '../assets/images/home/platform.svg'
import hdSvg from '../assets/images/product/hd.svg'
import zxSvg from '../assets/images/product/zx.svg'
import usSvg from '../assets/images/product/us.svg'
import joinSvg from '../assets/images/product/join.svg'
import headHelper from './headHelper.vue'
export default {
inject: {
......@@ -376,11 +372,11 @@ export default {
}
.user-msg {
color: #fff;
color: #3b3b3b;
}
.logout {
margin-right: 30px;
margin-right: 20px;
}
::v-deep .el-button--primary {
......@@ -391,6 +387,15 @@ export default {
border-color: var(--secondary-color-lighter) !important;
}
}
::v-deep .el-button {
&:hover {
background-color: var(--light-background-color) !important;
border-color: var(--light-color) !important;
color: var(--primary-color) !important;
}
}
.container {
width: 70vw;
margin: 0 auto;
......
src/components/headerNavMobile.vue
......@@ -18,7 +18,7 @@
<span style="margin-left: 10px; cursor: pointer" @click="logout">
<img
style="width: 16px; height: 16px; vertical-align: middle"
src="../assets/images/logout.png" />
src="../assets/images/logout.svg" />
</span>
</div>
<transition name="header-nav-mobile">
......
src/styles/index.scss
......@@ -7,7 +7,9 @@
--background-color: #faf7f2b0;
--darker-background-color: #f5ede0b0;
--light-color: #e9b95f;
--light-background-color: #fff8ec;
--darker-text-color: #faaa15;
--hover-color: #eeb242;
--secondary-text-color: #122a88;
}
......
src/views/contact.vue
......@@ -10,7 +10,7 @@
<span>欢迎您</span>
</div> -->
<div class="logout" title="退出登录" @click="logout">
<img src="../assets/images/logout.png" />
<img src="../assets/images/logout.svg" />
</div>
</div>
</div>
......@@ -76,7 +76,7 @@
">
邮箱:mia@jomalls.com
</h2>
<div style="display:flex;justify-content: center">
<div style="display: flex; justify-content: center">
<el-button
style="
text-align: center;
......@@ -91,7 +91,7 @@
返回首页
</el-button>
<el-button
:style="{width:userInfo && userInfo.erpKey?'180':''}"
:style="{ width: userInfo && userInfo.erpKey ? '180' : '' }"
style="
text-align: center;
font-size: 30px;
......
src/views/homePage/index.vue
<template>
<div class="home-page">
<div class="banner-images px-5 lg:px-0">
<div
class="banner-images h-full w-11/12 lg:w-9/12 mx-auto lg:px-5 lg:py-20">
<div
class="banner-container flex-col items-center mt-8 mb-10 lg:flex-row lg:justify-between lg:items-center lg:mt-0 gap-4 lg:gap-20">
<div class="left-content mb-4 lg:mb-0">
class="banner-container flex h-full flex-col items-center mt-8 mb-10 lg:flex-row lg:justify-between lg:items-center lg:mt-0 gap-4 lg:gap-40">
<div
class="left-content w-full lg:w-3/5 flex flex-col gap-5 mb-4 lg:mb-0">
<h3
class="left-content-title text-base lg:text-2xl lg:font-bold text-center lg:text-left">
class="left-content-title text-base lg:text-2xl font-bold text-center lg:text-left">
让跨境电商更智能
</h3>
<h2
class="left-content-title-high-light font-bold text-center lg:text-left">
class="left-content-title-high-light text-2xl lg:text-4xl font-bold text-center lg:text-left">
九猫科技·全球电商增长伙伴
</h2>
<p class="left-content-description text-center lg:text-left">
<!-- <span class="high-light">60万+</span> -->
<p
class="left-content-description text-sm lg:text-lg text-gray-500 text-center lg:text-left">
<span>
跨境全链路智能解决方案，一站式跨境电商操作系统
<br />
</span>
<span class="high-light">20+</span>
<span class="high-light font-bold">20+</span>
<span>主流跨境平台，助力卖家全球出海</span>
</p>
<button class="register-btn-text" @click="registerDialog = true">
<button
class="register-btn-text block mx-auto lg:mx-0 w-20 h-8 lg:w-36 lg:h-11 rounded-md text-xs lg:text-lg cursor-pointer text-white"
@click="registerDialog = true">
立即注册
</button>
</div>
<div class="right-content">
<login />
</div>
<login />
</div>
</div>
......@@ -75,59 +77,24 @@ export default {
}
</script>
<style scoped lang="scss">
.banner-images {
width: 70vw;
margin: 0 auto;
height: 28vw;
padding-top: 0px;
}
/* .banner-images-inner {
width: 100%;
} */
.banner-container {
display: flex;
/* align-items: center; */
height: 100%;
}
.left-content {
width: 40%;
display: flex;
flex-direction: column;
gap: 20px;
}
.right-content {
border-radius: 20px;
/* .video {
width: 100%;
height: 100%;
object-fit: fill;
} */
}
/* removed empty .left-content-title to satisfy linter */
.register-btn-text {
width: 150px;
height: 42px;
display: block;
background: var(--primary-color);
box-shadow: 0 4px 8px 0 var(--shadow-color);
border-radius: 4px;
font-size: 18px;
color: #fff;
cursor: pointer;
&:hover {
background: var(--hover-color);
color: #fff;
}
&:focus {
background: var(--hover-color);
color: #fff;
}
}
.left-content-title-high-light {
font-size: 40px;
color: var(--darker-text-color);
}
.left-content-description {
font-size: 18px;
color: #777;
}
.high-light {
color: var(--primary-color);
font-weight: bold;
}
</style>
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