完善页面

This commit is contained in:
wangxiaowei
2025-10-23 12:05:20 +08:00
parent adb889f5e1
commit f29b2404a5
35 changed files with 530 additions and 477 deletions

65
components/navbar.vue Normal file
View File

@ -0,0 +1,65 @@
<template>
<view class="">
<view class="top_head pr" :style="'background-color:#fff;'">
<view class="head_top" :style="'height:' + topBarTop() + 'px;'"></view>
<view class="title" :style="topBarHeight() == 0 ? '' : 'height:' + topBarHeight() + 'px;'">
<image style="width: 48rpx;height: 48rpx;margin-top: 2rpx" src="@/static/icon/back2.png" mode=""></image>
<view class="s-title">{{ title }}</view>
</view>
</view>
</view>
</template>
<script>
export default {
props: {
title: {
type: String,
default: '标题'
}
},
data() {
return {
};
},
mounted() {
},
methods: {
}
};
</script>
<style lang="scss">
page {
background-color: #fff;
}
.top_head {
line-height: 30px;
z-index: 1;
padding-left: 26rpx;
position: sticky;
top: 0;
left: 0;
z-index: 100;
}
.head_top {
width: 100%;
height: var(--status-bar-height);
}
.title {
display: flex;
align-items: center;
.s-title {
font-size: 36rpx;
color: #303133;
line-height: 50rpx;
margin-left: 24rpx;
}
}
</style>

View File

@ -85,7 +85,7 @@
align-items: flex-start;
width: 600upx;
/* height:800upx; */
border-radius: 10upx;
border-radius: 16upx;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);