style(feedback): 同步反馈页样式，更新背景色及导航栏布局，修改菜单文案

ai-coding

2026-07-29 dd2a441c0ef65d4788c9e809ff871d6b053103c6

style(feedback): 同步反馈页样式，更新背景色及导航栏布局，修改菜单文案

Co-Authored-By: 何宏文 <hehw@xiaopeng.com>

 src/robotaxi/pages/feedback/index.less

@@ -4,10 +4,24 @@
  position: relative;
  min-height: 100vh;
  box-sizing: border-box;
  background-image: url("https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/mine-bg-20260630.png");
  background-size: 100% 788px;
  background-repeat: no-repeat;
  background-color: @gary-theme;
  background: #FFFFFF;

  .custom-navbar .app-inaver .left {
    width: 88px;
    justify-content: flex-start;

    .back-wrap {
      padding-right: 0;
      padding-left: 32px;
      display: flex;
      align-items: center;

      .ic-left.pure {
        margin-left: 0;
        margin-top: -2px;
      }
    }
  }

  .custom-navbar .app-inaver .center {
    font-family: MiSans;
@@ -16,6 +30,10 @@
    line-height: 48px;
    letter-spacing: normal;
    color: #141E27;

    &.ioscenter {
      margin-left: 114px;
    }
  }
}

@@ -90,7 +108,7 @@
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.6);
    background: #F1F5FA;
    box-sizing: border-box;
    min-width: 0;

@@ -142,7 +160,7 @@
    padding: 24px;
    padding-bottom: 48px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.6);
    background: #F1F5FA;
    font-size: 28px;
    line-height: 40px;
    color: #141E27;
@@ -176,7 +194,7 @@
    height: 208px;
    border-radius: 32px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.03);
    background: #F1F5FA;
  }

  &-thumb {
@@ -237,7 +255,7 @@
    width: 208px;
    height: 208px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.6);
    background: #F1F5FA;
    display: flex;
    flex-direction: column;
    align-items: center;
@@ -290,11 +308,12 @@

.feedback-success {
  min-height: calc(100vh - 176px);
  padding: 120px 44px calc(48px + env(safe-area-inset-bottom));
  padding: 237px 44px calc(48px + env(safe-area-inset-bottom));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  justify-content: flex-start;

  &-main {
    display: flex;
@@ -316,7 +335,7 @@
  }

  &-desc {
    margin-top: 40px;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
@@ -326,20 +345,30 @@
    line-height: 44px;
    text-align: center;
    letter-spacing: normal;
    color: #141E27;
    color: rgba(20, 30, 39, 0.5);
  }

  &-btn {
    width: 100%;
    height: 104px;
    border-radius: 1000px;
    width: 460px;
    height: 98px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 8px;
    z-index: 1;
    border-radius: 200px;
    box-sizing: border-box;
    border: 4px solid #141E27;
    background: transparent;
    font-family: PingFang SC;
    font-size: 32px;
    font-weight: 500;
    color: #FFFFFF;
    background: #141E27;
    line-height: 48px;
    text-align: center;
    letter-spacing: normal;
    color: #141E27;
    margin-top: 112px;
  }
}


 src/robotaxi/pages/feedback/index.tsx

@@ -324,7 +324,7 @@
          <View className='feedback-success-main'>
            <Image
              className='feedback-success-icon'
              src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/selected-feedback-20260727.svg'
              src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/selected-golden-20260729.png'
              mode='aspectFit'
            />
            <View className='feedback-success-title'>反馈成功</View>
@@ -417,7 +417,7 @@
        </View>

        <View className='feedback-footer'>
          <View className='feedback-tip'>您的反馈将帮助我们持续性优化 🌹</View>
          <View className='feedback-tip'>您的反馈将帮助我们持续性优化</View>

          <View className={`feedback-submit-btn ${canSubmit ? 'active' : ''}`} onClick={handleSubmit}>
            提交反馈

 src/robotaxi/pages/personal-center/index.tsx

@@ -36,7 +36,7 @@
  // { key: "invoice", label: "开发票" }, // 暂未上线，屏蔽入口
  { key: "payment", label: "支付设置" },
  { key: "favorite", label: "收藏站点" },
  { key: "feedback", label: "评价反馈" }
  { key: "feedback", label: "意见反馈" }
];

import { withRobotaxiWhitelist } from '../../../utils/whitelist';