JCSS / jcss-miniprogram

  <script setup>

  import { onLaunch, onShow } from '@dcloudio/uni-app';

  // 应用启动时初始化

  onLaunch(() => {
    console.log('App Launch');

    // 清空登录重定向残留（可选）
    uni.removeStorageSync('loginRedirectPath');

  });

  
  // 监听所有页面显示（核心：检测登录状态）
  onShow(() => {
    checkLoginStatus();
  });
  
  // 登录检测核心函数
  const checkLoginStatus = () => {
    // 1. 获取当前页面信息（避免登录页循环跳转）
    const pages = getCurrentPages();
    if (pages.length === 0) return; // 无页面时跳过
    const currentPage = pages[pages.length - 1];
    const currentPath = currentPage.route; // 当前页面路径（如：pages/plan/index）
  
    // // 2. 白名单：无需登录的页面（登录页必须加，其他按需加）
    // const whiteList = ['pages/login/index', 'pages/register/index']; // 可追加首页等
    // if (whiteList.includes(currentPath)) return;
  
    // 3. 检测登录状态（仅判断token是否存在，极简版）
    const token = uni.getStorageSync('jcss_token'); // 登录成功后需存token
    if (!token) {
      // 记录当前页面（登录后可返回）
      uni.setStorageSync('loginRedirectPath', currentPath);
      // 跳转到登录页（用redirectTo避免返回栈残留）
      uni.redirectTo({
        url: '/pages/login/index'
      });
    }
  };

  </script>
  
  <style lang="scss">
  /* 注意要写在第一行，注意不能引入至uni.scss，同时给style标签加入lang="scss"属性 */
  @import "@/uni_modules/uview-plus/index.scss";
  
  /* 你的全局样式 */
  page {
    background-color: #f8f8f8;
    height: 100%;
  }

  // 卡片列表样式
  .common-card-list {

    .card-header{
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      .common-name{
        flex: 1; // 占满剩余空间，挤压标签到右侧
        font-size: 28rpx;
        font-weight: 500;
        color: #333;
        // 关键：单行文本溢出省略
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        // 与标签保持间距
        margin-right: 16rpx;
      }
      // 已失效标签样式
      .common-invalid-tag {
        color: #f56c6c;
        font-size: 24rpx;
        flex-shrink: 0; // 禁止标签被压缩
      }
      .common-finish-tag{
        color: #5ac725;
        font-size: 24rpx;
        flex-shrink: 0; // 禁止标签被压缩
      }
    }

    .common-card-title {
  
    }
  
    .u-body-item {
      margin-bottom: 16rpx;
      &:last-child {
        margin-bottom: 0;
      }
    }
  
    .u-body-value {
      flex: 1
    }
  }
  
  
  // 通用样式
  .common-item-center {
    align-items: center;
  }
  
  .common-justify-between {
    justify-content: space-between;
  }
  
  

  // 底部按钮样式
  .fixed-bottom-btn-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 0;
    /* #ifdef MP-WEIXIN */
    //padding-bottom: constant(safe-area-inset-bottom);
    //padding-bottom: env(safe-area-inset-bottom);
    /* #endif */
  }

  .commonPageLRpadding{
    padding-left: 15px;
    padding-right: 15px;
  }

  
  .common-text-color{
    font-size: 14px;
    color: #606266
  }

  // 通用按钮样式（支持任意top值，无需批量生成类名）
  .common-custom-btn {
    position: absolute;
    // 核心：用CSS变量接收动态top值，默认100px
    top: var(--btn-top, 100px);
    right: 15px;
    //transform: translateX(-50%);
    background-color: #3c9cff;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    z-index: 99;
  
    // 点击态
    &:active {
      background-color: #2b88ee;
      opacity: 0.9;
    }
  
    // 禁用态
    &.disabled {
      background-color: #a0c8f5;
      cursor: not-allowed;
      opacity: 0.7;
    }
  }
  
  
  
  

  </style>