ai-coding
2026-07-28 eddf76c68c506bbb7341d200bf3e86eaa4f2c46b
style(release-route): 优化站点地址文本截断布局,改用flex弹性方案

Co-Authored-By: 卢春龙 <lucl@xiaopeng.com>
1个文件已修改
20 ■■■■■ 已修改文件
src/robotaxi/pages/begin-route/components/css-folder/release-route.less 20 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/robotaxi/pages/begin-route/components/css-folder/release-route.less
@@ -194,27 +194,35 @@
                .now-site-address {
                    display: flex;
                    align-items: center;
                    flex: 1;
                    min-width: 0;
                    .now-site-address-content {
                        flex: 1;
                        min-width: 0;
                        display: flex;
                        align-items: center;
                        font-size: 28px;
                        font-weight: 500;
                        line-height: 44px;
                        letter-spacing: normal;
                        color:rgba(20, 30, 39, 0.8);
                        display: -webkit-box;
                        -webkit-line-clamp: 1;
                        /* 设置最大显示行数 */
                        -webkit-box-orient: vertical;
                        text-overflow: ellipsis;
                        word-break: break-all;
                        white-space: nowrap;
                        .now-site-address-text {
                          flex: 1;
                          min-width: 0;
                          display: inline-block;
                          margin: 0 8px;
                          overflow: hidden;
                          text-overflow: ellipsis;
                          white-space: nowrap;
                          color: @gold-text;
                        }
                    }
                    .now-site-icon {
                        flex-shrink: 0;
                        margin-left: 2px;
                        width: 24px;
                        height: 24px;