refactor(sunful): 优化首页和产品页样式
-移除 book.svg 文件 - 更新首页背景图片为 book.webp- 调整首页和产品页的按钮样式 - 修复服务页路由问题 - 临时更新 API 请求地址
This commit is contained in:
@@ -1,30 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="133px" height="175px" viewBox="0 0 133 175" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<title>编组 4</title>
|
||||
<defs>
|
||||
<linearGradient x1="22.3335443%" y1="-23.4558756%" x2="22.3335443%" y2="55.8578766%" id="linearGradient-1">
|
||||
<stop stop-color="#FFF1F1" offset="0%"></stop>
|
||||
<stop stop-color="#FFFFFF" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient x1="50%" y1="0%" x2="50%" y2="118.278487%" id="linearGradient-2">
|
||||
<stop stop-color="#CA2736" stop-opacity="0.501966783" offset="0%"></stop>
|
||||
<stop stop-color="#CA2736" stop-opacity="0" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient x1="50%" y1="-5.13478149e-14%" x2="50%" y2="24.5383106%" id="linearGradient-3">
|
||||
<stop stop-color="#FFFEFE" stop-opacity="0" offset="0%"></stop>
|
||||
<stop stop-color="#FFFFFF" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="首页" transform="translate(-10, -381)">
|
||||
<g id="编组-4" transform="translate(10, 381)">
|
||||
<g id="编组-23" fill="url(#linearGradient-1)" stroke="#F8BEBE" stroke-width="0.5">
|
||||
<path d="M123,0.25 C125.692388,0.25 128.129888,1.34130592 129.894291,3.10570888 C131.658694,4.87011184 132.75,7.30761184 132.75,10 L132.75,165 C132.75,167.692388 131.658694,170.129888 129.894291,171.894291 C128.129888,173.658694 125.692388,174.75 123,174.75 L10,174.75 C7.30761184,174.75 4.87011184,173.658694 3.10570888,171.894291 C1.34130592,170.129888 0.25,167.692388 0.25,165 L0.25,10 C0.25,7.30761184 1.34130592,4.87011184 3.10570888,3.10570888 C4.87011184,1.34130592 7.30761184,0.25 10,0.25 L123,0.25 Z" id="矩形备份-22"></path>
|
||||
</g>
|
||||
<path d="M17.3332972,50 L25.6667028,50 C27.5077344,50 29,51.5669642 29,53.5 C29,55.4330358 27.5077344,57 25.6667028,57 L17.3332972,57 C15.4923307,57 14,55.4330358 14,53.5 C14,51.5669642 15.4923307,50 17.3332972,50 L17.3332972,50 Z M17.3332972,33 L25.6667028,33 C27.5077344,33 29,34.5669642 29,36.5 C29,38.4330358 27.5077344,40 25.6667028,40 L17.3332972,40 C15.4923307,40 14,38.4330358 14,36.5 C14,34.5669642 15.4923307,33 17.3332972,33 L17.3332972,33 Z M35,58 L55,58 L55,55 L35,55 L35,58 Z M35,47 L55,47 L55,44 L35,44 L35,47 Z M44.3852614,29.664548 C43.6177681,28.9501659 42.1383287,28.001957 40.375621,28.001957 C37.6790028,28.001957 34.7163112,32.6668953 39.6656935,37.0384266 C40.9669781,38.1871205 41.7516664,38.5656937 42.4598745,39.2058543 C44.012056,40.6121491 44.3008566,40.9091801 44.373524,41 C44.373524,41 45.4932149,40.2632935 46.6511085,39.2058543 C47.3824177,38.5376432 47.9028269,38.4002899 49.4452895,37.0364696 C54.3967651,32.6668953 51.09152,28 48.3966213,28 C46.5746284,28 45.095189,29.0076441 44.3852614,29.664548 L44.3852614,29.664548 Z M17,48.1889336 L17,40.8110664 C17.5438505,41.0027812 18.1160603,41.1005977 18.6924348,41.1000664 L25.461513,41.1000664 C28.2655791,41.1000664 30.538487,38.8165547 30.538487,36 C30.538487,33.1834453 28.2655791,30.8999336 25.461513,30.8999336 L18.6924348,30.8999336 C18.1160603,30.8994023 17.5438505,30.9972187 17,31.1889336 L17,24.1000664 C17,21.2832461 19.2731723,19 22.0769739,19 L55.9230261,19 C58.7268277,19 61,21.2832461 61,24.1000664 L61,64.8999336 C61,67.7167539 58.7268277,70 55.9230261,70 L22.0769739,70 C19.2731723,70 17,67.7167539 17,64.8999336 L17,57.8110664 C17.5438505,58.0027813 18.1160603,58.1005977 18.6924348,58.1000664 L25.461513,58.1000664 C28.2655791,58.1000664 30.538487,55.8165547 30.538487,53 C30.538487,50.1834453 28.2655791,47.8999336 25.461513,47.8999336 L18.6924348,47.8999336 C18.1160603,47.8994023 17.5438505,47.9972188 17,48.1889336 L17,48.1889336 Z" id="Fill-1备份-2" fill="#CA2736"></path>
|
||||
<path d="M17.3332972,101 L25.6667028,101 C27.5077344,101 29,102.566964 29,104.5 C29,106.433036 27.5077344,108 25.6667028,108 L17.3332972,108 C15.4923307,108 14,106.433036 14,104.5 C14,102.566964 15.4923307,101 17.3332972,101 L17.3332972,101 Z M17.3332972,84 L25.6667028,84 C27.5077344,84 29,85.5669642 29,87.5 C29,89.4330358 27.5077344,91 25.6667028,91 L17.3332972,91 C15.4923307,91 14,89.4330358 14,87.5 C14,85.5669642 15.4923307,84 17.3332972,84 L17.3332972,84 Z M35,109 L55,109 L55,106 L35,106 L35,109 Z M35,98 L55,98 L55,95 L35,95 L35,98 Z M44.3852614,80.664548 C43.6177681,79.9501659 42.1383287,79.001957 40.375621,79.001957 C37.6790028,79.001957 34.7163112,83.6668953 39.6656935,88.0384266 C40.9669781,89.1871205 41.7516664,89.5656937 42.4598745,90.2058543 C44.012056,91.6121491 44.3008566,91.9091801 44.373524,92 C44.373524,92 45.4932149,91.2632935 46.6511085,90.2058543 C47.3824177,89.5376432 47.9028269,89.4002899 49.4452895,88.0364696 C54.3967651,83.6668953 51.09152,79 48.3966213,79 C46.5746284,79 45.095189,80.0076441 44.3852614,80.664548 L44.3852614,80.664548 Z M17,99.1889336 L17,91.8110664 C17.5438505,92.0027812 18.1160603,92.1005977 18.6924348,92.1000664 L25.461513,92.1000664 C28.2655791,92.1000664 30.538487,89.8165547 30.538487,87 C30.538487,84.1834453 28.2655791,81.8999336 25.461513,81.8999336 L18.6924348,81.8999336 C18.1160603,81.8994023 17.5438505,81.9972187 17,82.1889336 L17,75.1000664 C17,72.2832461 19.2731723,70 22.0769739,70 L55.9230261,70 C58.7268277,70 61,72.2832461 61,75.1000664 L61,115.899934 C61,118.716754 58.7268277,121 55.9230261,121 L22.0769739,121 C19.2731723,121 17,118.716754 17,115.899934 L17,108.811066 C17.5438505,109.002781 18.1160603,109.100598 18.6924348,109.100066 L25.461513,109.100066 C28.2655791,109.100066 30.538487,106.816555 30.538487,104 C30.538487,101.183445 28.2655791,98.8999336 25.461513,98.8999336 L18.6924348,98.8999336 C18.1160603,98.8994023 17.5438505,98.9972188 17,99.1889336 L17,99.1889336 Z" id="Fill-1备份-4" fill="url(#linearGradient-2)" transform="translate(37.5, 95.5) scale(1, -1) translate(-37.5, -95.5)"></path>
|
||||
<rect id="矩形" fill="url(#linearGradient-3)" x="7" y="71" width="66" height="52" rx="8"></rect>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 6.1 KiB |
BIN
src/assets/images/sunful/book.webp
Normal file
BIN
src/assets/images/sunful/book.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 3.3 KiB |
@@ -21,23 +21,24 @@ export default {
|
||||
title() {
|
||||
const name = this.$route.name
|
||||
let title = this.$route.meta.title
|
||||
if (name === "service") {
|
||||
if (name === 'service' || name === 'service-info') {
|
||||
const ecosystem = this.$route.params.ecosystem
|
||||
title = getAlias(ecosystem)
|
||||
}
|
||||
return title
|
||||
}
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
$route(to, from) {
|
||||
console.log(23123)
|
||||
document.title = this.title
|
||||
}
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
handleNavbarLeftClick() {
|
||||
this.$router.go(-1)
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -46,4 +47,4 @@ export default {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -411,7 +411,7 @@ $bg-color: #f5f5f5;
|
||||
// border-right: 2px solid #fce4e4;
|
||||
// // border-bottom: 2px solid #fce4e4;
|
||||
|
||||
background-image: url('../../assets/images/sunful/book.svg');
|
||||
background-image: url('../../assets/images/sunful/book.webp') !important;
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left top;
|
||||
@@ -429,6 +429,9 @@ $bg-color: #f5f5f5;
|
||||
margin-top: 10px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
button {
|
||||
background-color: #d8af70;
|
||||
}
|
||||
}
|
||||
.children,
|
||||
.wealth {
|
||||
@@ -462,9 +465,9 @@ $bg-color: #f5f5f5;
|
||||
}
|
||||
|
||||
button {
|
||||
color: #d8af70;
|
||||
color: #ca2736;
|
||||
background: transparent;
|
||||
border: 1px solid #d8af70;
|
||||
border: 1px solid #ca2736;
|
||||
padding: 1px 4px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -101,6 +101,8 @@ export default {
|
||||
// this.$mm.pages.current.rect()
|
||||
//this.getUser()
|
||||
//this.getInterUrl()
|
||||
|
||||
console.log(this.$route)
|
||||
// 滚动初始化已移到数据加载完成后执行
|
||||
},
|
||||
|
||||
|
||||
Reference in New Issue
Block a user