@@ -42,7 +42,6 @@
|
|||||||
<view v-if="searchDraftKeyword" class="clear-button" @tap.stop="handleSearchClear">
|
<view v-if="searchDraftKeyword" class="clear-button" @tap.stop="handleSearchClear">
|
||||||
<text class="clear-text">×</text>
|
<text class="clear-text">×</text>
|
||||||
</view>
|
</view>
|
||||||
<view v-else class="voice-icon"></view>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view v-if="variant === 'home' && !showSearchContent && !isHomeCategoryMode" class="home-category-strip">
|
<view v-if="variant === 'home' && !showSearchContent && !isHomeCategoryMode" class="home-category-strip">
|
||||||
@@ -1332,8 +1331,7 @@ defineExpose({
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.clear-button,
|
.clear-button {
|
||||||
.voice-icon {
|
|
||||||
width: 26px;
|
width: 26px;
|
||||||
height: 26px;
|
height: 26px;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
@@ -1347,8 +1345,7 @@ defineExpose({
|
|||||||
background: #eef0e8;
|
background: #eef0e8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.variant-home.is-collapsed .clear-button,
|
.variant-home.is-collapsed .clear-button {
|
||||||
.variant-home.is-collapsed .voice-icon {
|
|
||||||
width: 32px;
|
width: 32px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
}
|
}
|
||||||
@@ -1364,50 +1361,6 @@ defineExpose({
|
|||||||
color: #5b6058;
|
color: #5b6058;
|
||||||
}
|
}
|
||||||
|
|
||||||
.voice-icon {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.variant-home.is-collapsed .voice-icon::before {
|
|
||||||
left: 11px;
|
|
||||||
top: 7px;
|
|
||||||
width: 10px;
|
|
||||||
height: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.variant-home.is-collapsed .voice-icon::after {
|
|
||||||
left: 10px;
|
|
||||||
bottom: 6px;
|
|
||||||
width: 12px;
|
|
||||||
height: 7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.voice-icon::before {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
left: 8px;
|
|
||||||
top: 4px;
|
|
||||||
width: 10px;
|
|
||||||
height: 14px;
|
|
||||||
border: 2px solid #151713;
|
|
||||||
border-radius: 999px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.voice-icon::after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
left: 7px;
|
|
||||||
bottom: 3px;
|
|
||||||
width: 12px;
|
|
||||||
height: 7px;
|
|
||||||
border-bottom: 2px solid #151713;
|
|
||||||
border-left: 2px solid transparent;
|
|
||||||
border-right: 2px solid transparent;
|
|
||||||
border-radius: 0 0 999px 999px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.poi-search-content {
|
.poi-search-content {
|
||||||
margin-top: 12px;
|
margin-top: 12px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -97,6 +97,12 @@ afterEach(() => {
|
|||||||
})
|
})
|
||||||
|
|
||||||
describe('POI 搜索面板实际渲染与状态闭环', () => {
|
describe('POI 搜索面板实际渲染与状态闭环', () => {
|
||||||
|
it('不渲染尚未支持的语音搜索入口', () => {
|
||||||
|
const wrapper = mount(PoiSearchPanel, { props: { variant: 'page' } })
|
||||||
|
|
||||||
|
expect(wrapper.find('.voice-icon').exists()).toBe(false)
|
||||||
|
})
|
||||||
|
|
||||||
it('首页收缩和展开复用同一份十项快捷入口,搜索页保留完整分类', async () => {
|
it('首页收缩和展开复用同一份十项快捷入口,搜索页保留完整分类', async () => {
|
||||||
const escalatorPoi = createPoi('escalator-1', '自动扶梯', 'floor-1', '1F', 'escalator', [5, 0, 5])
|
const escalatorPoi = createPoi('escalator-1', '自动扶梯', 'floor-1', '1F', 'escalator', [5, 0, 5])
|
||||||
guideMocks.getInitialSearchSpacePoints.mockResolvedValue([...poiPool, escalatorPoi])
|
guideMocks.getInitialSearchSpacePoints.mockResolvedValue([...poiPool, escalatorPoi])
|
||||||
|
|||||||
Reference in New Issue
Block a user