style(robotaxi): 优化隐私弹窗\行程发布页预估价UI样式

hejianhao

2026-06-16 2a7504c3237f66079e66ed4b8ce2e69c95117414

style(robotaxi): 优化隐私弹窗\行程发布页预估价UI样式

 src/pages/robotaxi/home/components/privacy-popup/index.less

@@ -21,18 +21,18 @@
  .rt-privacy-content {
    position: relative;
    background: #ffffff;
    padding: 56px 40px 40px 40px;
    padding: 56px 48px 48px 48px;
    border-radius: 32px;
    margin: 0 75px;
    margin: 0 63px;

    .rt-title {
      margin-bottom: 34px;
      margin-bottom: 32px;
      text-align: center;
      font-size: 36px;
      font-weight: bold;
      font-weight: 380;
      line-height: 52px;
      letter-spacing: normal;
      color: rgba(0, 0, 0, 0.9);
      color: #2C333E;
    }

    .rt-privacy-text {
@@ -40,53 +40,51 @@
      font-weight: normal;
      line-height: 48px;
      letter-spacing: normal;
      color: rgba(0, 0, 0, 0.9);
      color: #2C333E;
      margin-bottom: 0;

      .rt-txt-tip {
        margin-top: 24px;
      }
    }

    .rt-privacy-link {
      margin-top: 16px;

      .rt-link-item {
        display: flex;
        align-items: flex-start;
        margin-bottom: 8px;
      }

      .rt-item-radio {
        flex-shrink: 0;
        width: 42px;
        height: 42px;
        margin-right: 14px;
      }

      .rt-item-name {
        flex: 1;
        font-size: 24px;
        font-weight: normal;
        line-height: 40px;
        letter-spacing: normal;
        color: #8475FF;
        word-break: break-word;
        white-space: normal;
      }
      .all-name{
        font-size: 28px;
        color:#000000;
        height: 66px;
      }
    .rt-link-item {
      display: flex;
      align-items: flex-start;
      padding-bottom: 8px;
    }
    .mt-16{
      margin-top: 16px;

    .rt-item-radio {
      flex-shrink: 0;
      width: 42px;
      height: 42px;
      margin-right: 14px;
    }

    .rt-item-name {
      flex: 1;
      font-size: 26px;
      font-weight: normal;
      line-height: 40px;
      letter-spacing: normal;
      color: #6D7FD9;
      word-break: break-word;
      white-space: normal;
    }

    .all-name {
      font-size: 28px;
      color: #000000;
    }

    .mt-22 {
      margin-top: 22px;
      width: fit-content;
    }

    .pt-10 {
      padding-top: 10px;
    }

    .rt-agree-btn {
      margin: 0 auto;
      margin-top: 30px;
      margin-top: 40px;
      width: 472px;
      text-align: center;
      line-height: 96px;
@@ -104,13 +102,13 @@

    .rt-close-txt {
      text-align: center;
      margin-top: 40px;
      margin-top: 32px;
      font-size: 28px;
      font-weight: normal;
      line-height: 48px;
      letter-spacing: normal;
      color: rgba(0, 0, 0, 0.6);
      color: #2C333E;
    }

  }
}
}

 src/pages/robotaxi/home/components/privacy-popup/index.tsx

@@ -46,9 +46,11 @@
      Taro.showToast({ title: '协议获取失败，请重试', icon: 'none' });
    });
  };

  // 调试使用，默认弹出
  // useEffect(() => {
  //   setVisible(true);
  //     loadLoginAgreement();
  //   loadLoginAgreement();
  // }, []);

  useEffect(() => {
@@ -146,26 +148,23 @@

        <View className='rt-privacy-text'>
          <Text className='rt-text-content'>
            欢迎使用小鹏Robotaxi小程序！为了更好地保障您的个人权益，我们将通过 {agreementNamesText || ''} 等文档来保护您的个人信息。
            欢迎使用小鹏 Robotaxi小程序！为了更好地保障您的个人权益，我们将通过 {agreementNamesText || ''} 等文档来保护您的个人信息。
          </Text>
          <View className='rt-txt-tip'>我已满十四周岁，阅读并同意：</View>
          <View className='rt-link-item mt-22 pt-10' onClick={checkAll}>
            <Image className='rt-item-radio' src={isAllAgree ? 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/check.png' : 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/uncheck.png'}
              mode='aspectFill' />
            <View className='rt-item-name all-name'>我已满十四周岁，阅读并同意：</View>
          </View>
        </View>

        <View className='rt-privacy-link'>
          {
            agreementList.map((item) => (
              <View className='rt-link-item' key={String(item.id)}>
                <Image onClick={checkItem(String(item.id))} className='rt-item-radio' src={isAgree[String(item.id)] ? 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/check.png' : 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/uncheck.png'}
                  mode='aspectFill' />
                <View className='rt-item-name' onClick={() => handleLinkClick(item.id)}>《 {item.name} 》</View>
              </View>
            ))
          }
          <View className='rt-link-item mt-16'>
            <Image onClick={checkAll} className='rt-item-radio' src={isAllAgree ? 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/check.png' : 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/uncheck.png'}
              mode='aspectFill' />
            <View onClick={checkAll} className='rt-item-name all-name'>全部勾选</View>
          </View>
        </View>

        <View className={`rt-agree-btn ${!isAllAgree ? 'rt-btn-no-agree' : ''}`} onClick={handleAgree}>

 src/robotaxi/pages/begin-route/components/css-folder/release-route.less

@@ -357,9 +357,10 @@
            background: #FEFEFF;

            .money-box {
                display: flex;
                align-items: center;

                .route-operate-free {
                    margin-top: 20px;
                    font-size: 28px;
                    line-height: 40px;
                    color: #F58900;