style:新增字体,修改首页、打车页、运营区域部分样式

fuqj

2026-07-22 8faddf68b253c796b7514c3167267c6620dfade4

style:新增字体,修改首页、打车页、运营区域部分样式

 src/pages/robotaxi/home/components/city-select/index.less

@@ -13,8 +13,8 @@
    color: @black-text-main;

    .select-city-icon {
      width: 28px;
      height: 28px;
      width: 24px;
      height: 24px;
      margin-left: 4px;
      transition: transform 0.2s ease;
    }

 src/pages/robotaxi/home/components/city-select/index.tsx

@@ -63,7 +63,7 @@
        {hasMultipleCities && (
          <Image
            className={`select-city-icon ${dropdownVisible ? 'select-city-icon-active' : ''}`}
            src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/select-city.png"
            src="https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/select-city-icon-20260722.png"
          />
        )}
      </View>

 src/pages/robotaxi/home/components/home-content-panel.tsx

@@ -108,7 +108,7 @@
    >
      <View className="content-body">
        <View className="select-site">
          <Image className="site-top-bg" src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/card-bg-20260714.png' />
          <Image className="site-top-bg" src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/top-card-bg-20260722.png' />
          <View className="select-site-content">
            <View className="site-boarding-point">
              <View onClick={() => props.onSelectSite('start')} className="now-site">

 src/pages/robotaxi/home/components/home-map-panel.tsx

@@ -168,7 +168,7 @@
          <View className="split-line"></View>
          <Image onClick={props.onOpenService} className="map-entry-icon" src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/contact-service-20260716.png' />
        </View>
        <Image onClick={props.onToCoupon} className="map-entry-icon entry-coupon" src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/coupon-20260716.png' />
        <Image onClick={props.onToCoupon} className="map-entry-icon entry-coupon" src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/coupon-20260722.png' />
      </View>
      <MapPointer
        showToolTip={props.showToolTip}
@@ -179,7 +179,7 @@
        isOperatingArea={props.isOperatingArea}
        isAdsorbed={props.isAdsorbed}
        currentSite={props.currentSite}
        pointerSrc='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/pointer-20260708.png'
        pointerSrc='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/pointer-20260722.png'
        rightIconSrc='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/map-white-arrow-20260708.png'
        waitingRadarSrc={props.waitingRadarSrc}
        onSelectSite={props.onSelectSite}

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

@@ -17,7 +17,7 @@
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.8);
  }

  .rt-privacy-content {
@@ -31,7 +31,7 @@
      margin-bottom: 32px;
      text-align: center;
      font-size: 36px;
      font-weight: 380;
      font-weight: 500;
      line-height: 52px;
      letter-spacing: normal;
      color: @black-text-main;
@@ -128,4 +128,4 @@
    }

  }
}
}

 src/pages/robotaxi/home/index.less

@@ -30,7 +30,7 @@
.select-city-container {
  position: absolute;
  top: 104px;
  left: 20px;
  left: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
@@ -40,12 +40,12 @@
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    width: 64px;
    height: 64px;
    margin-right: 24px;
    .home-back-icon {
      width: 72px;
      height: 72px;
      width: 64px;
      height: 64px;
    }
  }

@@ -511,7 +511,7 @@
      top: 0;
      left: 0;
      width: 100%;
      height: 282px;
      height: 276px;
    }

    .placeholder-box {
@@ -568,7 +568,7 @@
      }

      .to-site {
        margin-top: 16px;
        margin-top: 32px;
        display: flex;
        align-items: center;
        padding: 32px;
@@ -760,7 +760,7 @@
  }

  .activity {
    margin-top: 24px;
    margin-top: 32px;
    .activity-swiper {
      width: 100%;
      height: 190px;

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

@@ -145,7 +145,7 @@
    .select-site {
        position: relative;
        padding-bottom: 184px;
        padding-top: 84px;
        padding-top: 94px;
        background: @gary-theme;
        border-radius: 60px 60px 0 0;
      .select-site-content {
@@ -163,7 +163,7 @@
            top: 0;
            left: 0;
            width: 100%;
            height: 282px;
            height: 276px;
        }

        .site-boarding-point {
@@ -265,7 +265,7 @@

        .route-content {
            position: relative;
            margin-top: 28px;
            margin-top: 16px;
            margin-bottom: 24px;
            z-index: 10;
            display: flex;
@@ -285,7 +285,6 @@

            .route-content-txt {
                font-size: 24px;
                line-height: 40px;
                letter-spacing: normal;
                color: rgba(0, 0, 0, 0.4);
            }
@@ -296,7 +295,6 @@
                    display: flex;
                    align-items: center;
                    font-size: 24px;
                    line-height: 40px;
                    letter-spacing: normal;
                    color: rgba(0, 0, 0, 0.6);

@@ -331,7 +329,7 @@

            .discount-amount-text {
                flex-shrink: 0;
                border-radius: 8px;
                border-radius: 200px;
                background: rgba(255, 255, 255, 0);
                box-sizing: border-box;
                border: 1.4px solid @gold-text;
@@ -410,6 +408,7 @@
                        font-size: 60px;
                        line-height: normal;
                        letter-spacing: normal;
                        font-family: @font-xpsans-bold;
                        color: @black-text-main;
                    }
                }
@@ -440,7 +439,7 @@
              width: 328px;
              height: 104px;
              border-radius: 2000px;
              font-size: 28px;
              font-size: 32px;
              font-weight: 500;
              letter-spacing: normal;
              color: #FFFFFF;

 src/robotaxi/pages/begin-route/components/release-route.tsx

@@ -207,7 +207,7 @@
                        />
                    )}
                    <View className="select-site" style={{ paddingBottom: typeof bottomPaddingHeight === 'number' ? `${bottomPaddingHeight}px` : undefined }}>
                        <Image className="site-top-bg" src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/card-bg-20260714.png' />
                        <Image className="site-top-bg" src='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/top-card-bg-20260722.png' />
                        <View className="select-site-content">
                          <View className="site-boarding-point">
                            {/* 起点 */}

 src/robotaxi/pages/begin-route/index.less

@@ -7,14 +7,15 @@
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    width: 64px;
    height: 64px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(40px);
    // backdrop-filter: blur(40px);
    box-shadow: 0px 4px 16px 0px rgba(84, 92, 143, 0.1);
    border-radius: 50%;
    .back-icon {
        width: 80px;
        height: 80px;
        width: 64px;
        height: 64px;
    }
}


 src/robotaxi/pages/begin-route/index.tsx

@@ -2279,7 +2279,7 @@
    onCouponEntry: handleCouponEntry,
    onPersonalCenterEntry: handlePersonalCenterEntry,
    personalCenter: 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/personal-center-20260716.png',
    coupon: 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/coupon-20260716.png',
    coupon: 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/coupon-20260722.png',
    contactService: 'https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/contact-service-20260716.png',
    shouldShowOrigin,
    originBoxHidden,

 src/robotaxi/pages/operating-area/index.less

@@ -21,9 +21,9 @@
  .top-bar-container {
    position: absolute;
    top: 92px;
    left: 31px;
    left: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    z-index: 100;

@@ -31,15 +31,16 @@
      display: flex;
      align-items: center;
      justify-content: center;
      width: 72px;
      height: 72px;
      width: 64px;
      height: 64px;
      margin-right: 24px;
      background: rgba(255, 255, 255, 0.9);
      backdrop-filter: blur(40px);
      box-shadow: 0px 4px 16px 0px rgba(84, 92, 143, 0.1);
      border-radius: 50%;
      .back-icon {
        width: 72px;
        height: 72px;
        width: 64px;
        height: 64px;
      }
    }

@@ -49,8 +50,7 @@
      font-size: 32px;
      font-weight: 500;
      line-height: 48px;
      color: rgba(0, 0, 0, 0.9);
      margin-top: 32px;
      color: @black-text-main;

      .city-name {
        max-width: 200px;
@@ -82,7 +82,7 @@
    .origin-icon {
      position: absolute;
      top: -104rpx;
      right: 324px;
      right: 24px;
      width: 80px;
      height: 80px;
    }

 src/robotaxi/pages/select-map-site/index.tsx

@@ -63,7 +63,7 @@
      toCoupon={selectMapSite.toCoupon}
      toPersonalCenter={selectMapSite.toPersonalCenter}
      personalCenter='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/personal-center-20260716.png'
      coupon='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/coupon-20260716.png'
      coupon='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/coupon-20260722.png'
      contactService='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/contact-service-20260716.png'
      nearbyLoading={selectMapSite.nearbyLoading}
      isAndroid={selectMapSite.isAndroid}
@@ -77,7 +77,7 @@
      tooltipBgSrc={selectMapSite.tooltipBgSrc}
      pageType={selectMapSite.pageType}
      bounce={selectMapSite.bounce}
      pointer='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/pointer-20260708.png'
      pointer='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/pointer-20260722.png'
      toOrigin={selectMapSite.toOrigin}
      originIcon='https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/origin-icon-20260716.png'
      walkingDuration={selectMapSite.walkingDuration}

 src/robotaxi/style/ui-variables.less

@@ -1,3 +1,23 @@
// 字体
@font-face {
  font-family: "XPSANS-Bold";
  src: url("https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/font/XPSANS-Bold.otf")
    format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "XPSANS-Regular";
  src: url("https://s.xiaopeng.com/xp-fe/robot-taxi/imgs/v2/font/XPSANS-Regular.otf")
    format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-xpsans-bold: "XPSANS-Bold"; // 加粗字体
@font-xpsans-regular: "XPSANS-Regular"; // 常规字体

@gold-text: #A68042;  // 文字金
@gold-light: #DFB369; // 主题金
@black-text-main: #141E27; // 重要文字