hz/ebiz-sunful-eco-h5-weixin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 修改三级页样式

Browse Source
This commit is contained in:
huangze
2025-07-11 17:54:42 +08:00
parent 118148fadd
commit b9f3b3b847
1 changed files with 20 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/views/service/views/service-info.vue
View File

@@ -79,7 +79,7 @@ export default {
if (element) { if (element) {
// 滚动到元素位置 // 滚动到元素位置
window.scrollTo({ window.scrollTo({
top: element.offsetTop - 70, // 偏移70px给顶部留出空间 top: element.offsetTop - 0, // 偏移70px给顶部留出空间
}); });
this.hasScrolled = true; this.hasScrolled = true;
} }
@@ -115,7 +115,7 @@ export default {
clearInterval(checkInterval); clearInterval(checkInterval);
resolve(); resolve();
} }
}, 50); });
}); });
}); });
@@ -149,7 +149,7 @@ export default {
</div> </div>
</template> </template>
</div> </div>
<!--
<div class="block-navigation"> <div class="block-navigation">
<h3>快速导航</h3> <h3>快速导航</h3>
<div class="nav-buttons"> <div class="nav-buttons">
@@ -158,7 +158,7 @@ export default {
跳到{{ index + 1 }} 跳到{{ index + 1 }}
</div> </div>
</div> </div>
</div> </div> -->
<div class="actionButton"> <div class="actionButton">
<div class="button-wrapper"> <div class="button-wrapper">
@@ -170,8 +170,9 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.block-container { .block-container {
padding: 20px; line-height: 0;
background-color: #f8f8f8; // padding: 20px;
// background-color: #f8f8f8;
} }
.link-block { .link-block {
@@ -183,26 +184,26 @@ export default {
} }
.image-block { .image-block {
margin-bottom: 30px; // margin-bottom: 30px;
padding: 10px; // padding: 10px;
border-radius: 8px; border-radius: 8px;
transition: all 0.3s; transition: all 0.3s;
background-color: #fff; background-color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
&.active { // &.active {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); // box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
border: 2px solid #1890ff; // border: 2px solid #1890ff;
} // }
} }
.image-container { .image-container {
width: 100%; width: 100%;
// height: 200px; // height: 200px;
overflow: hidden; overflow: hidden;
border-radius: 4px; // border-radius: 4px;
margin-bottom: 10px; // margin-bottom: 10px;
background-color: #f5f5f5; // background-color: #f5f5f5;
} }
.block-image { .block-image {
@@ -291,7 +292,7 @@ export default {
.default-layout { .default-layout {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px; // gap: 20px;
.color-block { .color-block {
height: 300px; height: 300px;
@@ -304,7 +305,7 @@ export default {
background-color: #f5f5f5; background-color: #f5f5f5;
padding: 10px; padding: 10px;
margin: 10px 0; margin: 10px 0;
border-radius: 8px; // border-radius: 8px;
font-size: 14px; font-size: 14px;
} }
@@ -325,7 +326,7 @@ export default {
.nav-buttons { .nav-buttons {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 10px; // gap: 10px;
.nav-button { .nav-button {
padding: 8px 15px; padding: 8px 15px;