feat(非白名单拦截页): 新增返回导航按钮

hejianhao

2026-06-08 80b09876449e7360b1bce923a16a3b21f5eee881

feat(非白名单拦截页): 新增返回导航按钮

固定返回按钮在页面左上角，添加毛玻璃背景与阴影，点击后返回上一页

 src/pages/not-on-whitelist/index.less

@@ -3,6 +3,28 @@
  height: 100vh;
  overflow: hidden;
  background: #ffffff;
  position: relative;
}

.select-city {
  position: fixed;
  top: 92px;
  left: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 200px;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(40px);
  box-shadow: 0px 4px 16px 0px rgba(84, 92, 143, 0.1);
  z-index: 100;

  .select-city-icon {
      width: 40px;
      height: 40px;
  }
}

.not-on-whitelist-image {

 src/pages/not-on-whitelist/index.tsx

@@ -6,6 +6,7 @@

/** 白名单拦截图 CDN 地址。 */
const NOT_ON_WHITELIST_IMAGE_URL = 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/not-on-whitelist.png';
const BACK_ICON = 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/back-icon.png';

/**
 * 非白名单拦截页。
@@ -23,8 +24,15 @@
    });
  });

  const handleBack = () => {
    Taro.navigateBack();
  };

  return (
    <View className="not-on-whitelist-page">
      <View onClick={handleBack} className="select-city">
        <Image className="select-city-icon" src={BACK_ICON} />
      </View>
      {shouldRenderImage ? (
        <Image
          className="not-on-whitelist-image"