WindowBird/buddhism
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

monk页面优化

Browse Source 
导航栏背景透明化
This commit is contained in:
minimaxagent1 2025-07-31 10:28:13 +08:00
parent 980e4b1ec6
commit 8e39137f61
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/custom-navbar/custom-navbar.vue
View File

@ -91,7 +91,7 @@ export default {
right: 0;
z-index: 999;
padding-top: 0;
background-color: #F5F0E7;
background-color: transparent;
display: flex;
align-items: center;
justify-content: space-between;

12
pages/monk/monk.vue
View File

@ -1,9 +1,10 @@
<template>
<view class="page">
<image class="background-image" :src="CommonEnum.BACKGROUND" mode="aspectFill"></image>
<!-- 使用自定义导航栏组件 -->
<custom-navbar title="寺庙高僧" />
<view class="header">
<image class="background-image" :src="CommonEnum.BACKGROUND" mode="aspectFill"></image>
<view class='searchBox'>
<image class="search-icon" :src="MonkEnum.SEARCH" mode="aspectFit"></image>
<input
@ -106,9 +107,9 @@
<style lang="scss">
.page {
width: 750rpx;
width: 100%;
min-height: 100vh;
background: #F5F0E7;
background: transparent;
border-radius: 0rpx 0rpx 0rpx 0rpx;
/* 移除padding-top，因为导航栏已经处理了状态栏适配 */
}
@ -139,12 +140,13 @@
.searchBox {
display: flex;
align-items: center;
width: 660rpx;
width: 690rpx;
height: 70rpx;
background: #FFFBF5;
border-radius: 10rpx;
border: 1rpx solid #C7A26D;
margin-top: 10rpx; /* 进一步减少顶部间距 */
margin-top: 20rpx; /* 进一步减少顶部间距 */
margin-bottom: 20rpx;
padding: 0 12rpx;
}