fix:官网首页修改
33
public/images/index/logo.svg
Normal 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 |
|
Before Width: | Height: | Size: 114 KiB After Width: | Height: | Size: 114 KiB |
|
Before Width: | Height: | Size: 123 KiB After Width: | Height: | Size: 124 KiB |
@ -9,12 +9,10 @@
|
|||||||
<div class="header-nav-box header-nav-boxs" v-if="windowWidth>780">
|
<div class="header-nav-box header-nav-boxs" v-if="windowWidth>780">
|
||||||
<div class="header-right-one">
|
<div class="header-right-one">
|
||||||
<Dropdown trigger="click" @on-click="setLanguage">
|
<Dropdown trigger="click" @on-click="setLanguage">
|
||||||
<Icon
|
|
||||||
class="header-right-one-language no-dark-mode"
|
|
||||||
type="md-globe"/>
|
|
||||||
<a
|
<a
|
||||||
href="javascript:void(0)"
|
href="javascript:void(0)"
|
||||||
class="header-right-one-dropdown"
|
class="header-right-one-dropdown"Dootask
|
||||||
>
|
>
|
||||||
{{ currentLanguage }}
|
{{ currentLanguage }}
|
||||||
<Icon type="ios-arrow-down"></Icon>
|
<Icon type="ios-arrow-down"></Icon>
|
||||||
@ -100,7 +98,7 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="header-content">
|
<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">
|
<div class="header-title">
|
||||||
{{ $L("轻量级任务管理工具") }}
|
{{ $L("轻量级任务管理工具") }}
|
||||||
</div>
|
</div>
|
||||||
@ -196,7 +194,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -154,7 +154,18 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
$route:{
|
||||||
|
handler(val) {
|
||||||
|
if (val.query.type=='reg'){
|
||||||
|
this.$nextTick(()=>{
|
||||||
|
this.loginType = "reg"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
immediate:true
|
||||||
|
},
|
||||||
loginType(val) {
|
loginType(val) {
|
||||||
|
console.log(val)
|
||||||
if (val == 'reg') {
|
if (val == 'reg') {
|
||||||
this.getNeedInvite();
|
this.getNeedInvite();
|
||||||
}
|
}
|
||||||
|
|||||||
187
resources/assets/sass/pages/page-index.scss
vendored
@ -32,7 +32,7 @@
|
|||||||
.logo {
|
.logo {
|
||||||
width: 143px;
|
width: 143px;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
background: url("../images/index/indexlogo.png")
|
background: url("../images/index/logo.svg")
|
||||||
no-repeat center center;
|
no-repeat center center;
|
||||||
background-size: contain;
|
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) {
|
@media screen and (max-width: 468px) {
|
||||||
.page-index {
|
.page-index {
|
||||||
}
|
}
|
||||||
|
|||||||
33
resources/assets/statics/public/images/index/logo.svg
Normal 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 |
|
Before Width: | Height: | Size: 114 KiB After Width: | Height: | Size: 114 KiB |
|
Before Width: | Height: | Size: 123 KiB After Width: | Height: | Size: 124 KiB |