bonus
/
bonus-material-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

样式优化

This commit is contained in:
bb_pan 2025-07-07 09:47:58 +08:00
parent f809c68d5a
commit f2752fa5ec
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/materialsStation/index/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="page-bg"> <view class="page-bg" :style="{ height: `calc(100vh - ${statusBarHeight})` }">
<view class="upper-user"> <view class="upper-user">
<view class="user-rig"> <view class="user-rig">
<view>你好！</view> <view>你好！</view>
@ -64,6 +64,15 @@ const isUsingList = ref([
{ path: 'teamStore', src: 'teamStore', isShow: true }, { path: 'teamStore', src: 'teamStore', isShow: true },
{ path: 'teamWarning', src: 'teamWarning', isShow: true }, { path: 'teamWarning', src: 'teamWarning', isShow: true },
]) ])
let statusBarHeight = ref('50px')
// #ifdef MP-WEIXIN
statusBarHeight.value = uni.getWindowInfo().statusBarHeight + 'px'
// #endif
// #ifndef MP-WEIXIN
statusBarHeight.value = uni.getSystemInfoSync().statusBarHeight + 'px'
// #endif
function jumpUrl(path) { function jumpUrl(path) {
if (isTeamLeader.value && (path == 'toolsOut' || path == 'toolsBack' || path == 'toolsLedger')) { if (isTeamLeader.value && (path == 'toolsOut' || path == 'toolsBack' || path == 'toolsLedger')) {
// 提示无权限 // 提示无权限
@ -185,7 +194,7 @@ onShow(async () => {
background: url('../../../static/bgd.png'); background: url('../../../static/bgd.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
min-height: 100vh; /* min-height: 100vh; */
} }
.upper-user { .upper-user {
width: 85%; width: 85%;
@ -196,11 +205,11 @@ onShow(async () => {
display: flex; display: flex;
// 针对平板（如宽度大于等于768px）设置不同的 padding-top // 针对平板（如宽度大于等于768px）设置不同的 padding-top
@media (min-width: 768px) { @media (min-width: 768px) {
padding-top: 13%; padding-top: 150rpx;
} }
// 针对手机（如宽度小于768px）设置不同的 padding-top // 针对手机（如宽度小于768px）设置不同的 padding-top
@media (max-width: 767px) { @media (max-width: 767px) {
padding-top: 7%; padding-top: 100rpx;
} }
.user-lef { .user-lef {
width: 60px; width: 60px;