fix:官网首页修改

This commit is contained in:
mmppkka 2022-03-11 18:31:49 +08:00
parent 3006dc6584
commit f633bc81cf
9 changed files with 267 additions and 7 deletions

View File

@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="149px" height="36px" viewBox="0 0 149 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>logo</title>
<defs>
<polygon id="path-1" points="0 0 39.9999579 0 39.9999579 36 0 36"></polygon>
<polygon id="path-3" points="0 3.00936101e-15 26.7979088 3.00936101e-15 26.7979088 26.9534011 0 26.9534011"></polygon>
</defs>
<g id="Dootask官网" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-380.000000, -18.000000)" id="导航栏">
<g id="logo" transform="translate(380.000000, 18.000000)">
<g id="编组">
<g transform="translate(0.000042, 0.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-2"></g>
<path d="M34.7431762,5.28777093 C32.5537013,3.08329775 29.7854894,1.49654294 26.7263299,0.61411837 C25.4092765,0.23421204 23.5263282,0 22.1052748,0 L0,0 L0,9.05295183 L6.24421381,15.3317827 L6.3157928,15.4037828 L6.3157928,6.35294865 L22.1052748,6.35294865 C23.7179072,6.35294865 25.2840133,6.68753728 26.7263299,7.32706744 C28.0292779,7.90518577 29.2313838,8.72895145 30.2755949,9.77930562 C32.4737013,11.9901318 33.6842283,14.9082528 33.6842283,18.0000212 C33.6842283,21.0917895 32.4737013,24.0120282 30.2755949,26.2207367 C28.0800148,28.4315629 25.1768554,29.6470937 22.1052748,29.6470937 L15.2505343,29.6470937 L8.93474154,36.0000424 L22.1052748,36.0000424 C31.9473852,36.0000424 40.0000211,27.9000328 40.0000211,18.0000212 C40.0000211,13.0489565 37.9873884,8.55106888 34.7431762,5.28777093" id="Fill-1" fill="#FFFFFF" mask="url(#mask-2)"></path>
</g>
<g transform="translate(0.000000, 9.046599)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<g id="Clip-4"></g>
<polygon id="Fill-3" fill="#FFDD33" mask="url(#mask-4)" points="26.7979088 3.00936101e-15 26.7979088 8.98518704 15.2505343 20.6004948 8.93474154 26.9534435 0 17.9661388 0 8.98730469 0.00210526427 8.98518704 6.3157928 15.3339004 8.93474154 17.9682564"></polygon>
</g>
</g>
<text id="DooTask" font-family="PingFangSC-Semibold, PingFang SC" font-size="22" font-weight="500" fill="#FFFFFF">
<tspan x="56" y="26">DooTask</tspan>
</text>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 114 KiB

After

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 123 KiB

After

Width:  |  Height:  |  Size: 124 KiB

View File

@ -9,12 +9,10 @@
<div class="header-nav-box header-nav-boxs" v-if="windowWidth>780">
<div class="header-right-one">
<Dropdown trigger="click" @on-click="setLanguage">
<Icon
class="header-right-one-language no-dark-mode"
type="md-globe"/>
<a
href="javascript:void(0)"
class="header-right-one-dropdown"
class="header-right-one-dropdown"Dootask
>
{{ currentLanguage }}
<Icon type="ios-arrow-down"></Icon>
@ -100,7 +98,7 @@
</div>
<div class="header-content">
<div class="header-title header-title-one">Dootask</div>
<div class="header-title header-title-one">DooTask</div>
<div class="header-title">
{{ $L("轻量级任务管理工具") }}
</div>
@ -196,7 +194,7 @@
</div>
</div>
</div>
<div class="footer-opyright" v-html="this.homeFooter"></div>
<div class="footer-opyright" v-if="this.homeFooter" v-html="this.homeFooter"></div>
</div>
</div>
</div>

View File

@ -154,7 +154,18 @@ export default {
}
},
watch: {
$route:{
handler(val) {
if (val.query.type=='reg'){
this.$nextTick(()=>{
this.loginType = "reg"
})
}
},
immediate:true
},
loginType(val) {
console.log(val)
if (val == 'reg') {
this.getNeedInvite();
}

View File

@ -32,7 +32,7 @@
.logo {
width: 143px;
height: 36px;
background: url("../images/index/indexlogo.png")
background: url("../images/index/logo.svg")
no-repeat center center;
background-size: contain;
}
@ -274,6 +274,191 @@
}
}
}
@media screen and (max-width: 1440px) {
.page-index {
}
.page-warp {
.page-header {
.header-content {
.header-title {
font-size: 44px;
line-height: 60px;
font-weight: 600;
}
.header-title-one {
margin-top: 40px;
}
.header-tips {
font-size: 22px;
padding: 0 20px;
font-weight: 400;
line-height: 36px;
}
.login-buttom {
width: 150px;
height: 48px;
background: #ffa25a;
border-radius: 8px;
font-size: 18px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #ffffff;
line-height: 48px;
text-align: center;
margin: 0 auto;
margin-top: 34px;
cursor: pointer;
}
}
}
.page-header-bottom{
position: relative;
background: url("../images/index/bg_bottom.svg") no-repeat;
background-color: #FFFFFF;
background-size: 100%;
margin-bottom: 100px;
margin-top: -2px;
.page-header-bottoms{
max-width: 1200px;
margin: auto;
top: 0;
left: 0;
right: 0;
img{
display: block;
margin: auto;
width: 80%;
}
}
}
.page-main{
max-width: 1200px;
margin: auto;
.page-main-row{
margin-bottom: 150px;
}
.page-main-rows{
margin-bottom: 140px;
}
.page-main-img{
img{
width: 100%;
}
}
.page-main-imgs{
img{
display: block;
width: 90%;
margin: auto;
}
}
.page-main-text{
padding-left: 20px;
padding-top: 80px;
h3{
font-size: 32px;
font-weight: 500;
color: #333333;
line-height: 45px;
margin-bottom: 17px;
}
p{
font-size: 18px;
font-weight: 400;
color: #828282;
line-height: 28px;
padding-right: 20px;
}
}
.page-main-texts{
padding-top: 40px;
h3{
display: flex;
align-items: center;
font-size: 24px;
img{
width: 24px;
margin-right:10px;
}
}
p{
font-size:14px;
}
}
}
.page-footer {
.footer-service {
width: 100%;
height: 188px;
background-color: #ffa25a;
position: relative;
.footer-bg-box {
overflow: hidden;
width: 100%;
height: 188px;
// background: url("../images/index/footer-bg.png") no-repeat
// center center;
// background-size: 100% 100%;
// background-size: contain;
.box-title {
height: 45px;
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #ffffff;
line-height: 45px;
text-align: center;
margin: 33px 0 22px 0;
}
.buttom-box {
display: flex;
justify-content: center;
.login-btn {
width: 150px;
height: 48px;
background: #ffffff;
border-radius: 8px;
font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #ffa25a;
line-height: 48px;
text-align: center;
margin-right: 20px;
cursor: pointer;
}
.contact-btn {
width: 150px;
height: 48px;
border-radius: 8px;
border: 1px solid #ffffff;
font-size: 14px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #ffffff;
line-height: 48px;
text-align: center;
cursor: pointer;
}
}
}
}
.footer-opyright {
width: 100%;
height: 60px;
background: #ffffff;
text-align: center;
font-size: 12px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #828282;
line-height: 60px;
}
}
}
}
@media screen and (max-width: 468px) {
.page-index {
}

View File

@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="149px" height="36px" viewBox="0 0 149 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>logo</title>
<defs>
<polygon id="path-1" points="0 0 39.9999579 0 39.9999579 36 0 36"></polygon>
<polygon id="path-3" points="0 3.00936101e-15 26.7979088 3.00936101e-15 26.7979088 26.9534011 0 26.9534011"></polygon>
</defs>
<g id="Dootask官网" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-380.000000, -18.000000)" id="导航栏">
<g id="logo" transform="translate(380.000000, 18.000000)">
<g id="编组">
<g transform="translate(0.000042, 0.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-2"></g>
<path d="M34.7431762,5.28777093 C32.5537013,3.08329775 29.7854894,1.49654294 26.7263299,0.61411837 C25.4092765,0.23421204 23.5263282,0 22.1052748,0 L0,0 L0,9.05295183 L6.24421381,15.3317827 L6.3157928,15.4037828 L6.3157928,6.35294865 L22.1052748,6.35294865 C23.7179072,6.35294865 25.2840133,6.68753728 26.7263299,7.32706744 C28.0292779,7.90518577 29.2313838,8.72895145 30.2755949,9.77930562 C32.4737013,11.9901318 33.6842283,14.9082528 33.6842283,18.0000212 C33.6842283,21.0917895 32.4737013,24.0120282 30.2755949,26.2207367 C28.0800148,28.4315629 25.1768554,29.6470937 22.1052748,29.6470937 L15.2505343,29.6470937 L8.93474154,36.0000424 L22.1052748,36.0000424 C31.9473852,36.0000424 40.0000211,27.9000328 40.0000211,18.0000212 C40.0000211,13.0489565 37.9873884,8.55106888 34.7431762,5.28777093" id="Fill-1" fill="#FFFFFF" mask="url(#mask-2)"></path>
</g>
<g transform="translate(0.000000, 9.046599)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<g id="Clip-4"></g>
<polygon id="Fill-3" fill="#FFDD33" mask="url(#mask-4)" points="26.7979088 3.00936101e-15 26.7979088 8.98518704 15.2505343 20.6004948 8.93474154 26.9534435 0 17.9661388 0 8.98730469 0.00210526427 8.98518704 6.3157928 15.3339004 8.93474154 17.9682564"></polygon>
</g>
</g>
<text id="DooTask" font-family="PingFangSC-Semibold, PingFang SC" font-size="22" font-weight="500" fill="#FFFFFF">
<tspan x="56" y="26">DooTask</tspan>
</text>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 114 KiB

After

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 123 KiB

After

Width:  |  Height:  |  Size: 124 KiB