Files
smart_storage_app/pages/guest/index.vue
2025-06-30 10:21:25 +08:00

63 lines
1.3 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view class="container ">
<!-- 无权限提示容器 -->
<view class="tip-box">
<!-- 提示图标可选根据项目实际图标替换 -->
<u-icon
name="info-circle-fill"
size="80"
color="#FF6666"
class="tip-icon"
></u-icon>
<!-- 提示文本改为国际化 -->
<text class="tip-text">{{ $t('homePage.home.noPermission') }}</text>
</view>
<view class="tip-box">
<!-- 可选说明文字改为国际化 -->
<text class="tip-desc">{{ $t('homePage.home.contactAdmin') }}</text>
</view>
</view>
</template>
<script>
export default {
onLoad() {
// 可选设置国际化页面标题需在多语言文件中添加guestPage.title
// uni.setNavigationBarTitle({ title: this.$t('guestPage.title') })
},
};
</script>
<style lang="scss" scoped>
.container {
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #f8f8f8;
}
.tip-box {
text-align: center;
.tip-icon {
margin-bottom: 30rpx;
}
.tip-text {
font-size: 36rpx;
color: #333;
font-weight: 500;
margin-bottom: 20rpx;
}
.tip-desc {
font-size: 28rpx;
color: #666;
line-height: 1.5;
}
}
</style>