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; right: 0;
z-index: 999; z-index: 999;
padding-top: 0; padding-top: 0;
background-color: #F5F0E7; background-color: transparent;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;

12
pages/monk/monk.vue
View File

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