<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>
