zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: remove gap.scss and inline gap classes

Browse Source 
delete the standalone gap.scss utility file, remove its import from src/static/scss/index.scss, and update all component templates to replace predefined gap-* classes with inline gap-[px] notation
This commit is contained in:
duanshuwen
2026-07-24 16:54:46 +08:00
parent e174e3b726
commit 39b91a8d05
7 changed files with 8 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/ChatModule/PoiCompareCard/index.vue
View File

@@ -10,7 +10,7 @@
</view>
</view>
<view class="poi-compare-card__columns grid grid-cols-2 gap-16">
<view class="poi-compare-card__columns grid grid-cols-2 gap-[16px]">
<view v-for="item in items" :key="item.id || item.name" class="poi-compare-card__place"
:class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
<image class="poi-compare-card__image block w-full" :src="item.image" mode="aspectFill" />
@@ -75,7 +75,7 @@
{{ detail.recommendTitle }}
</view>
<view class="poi-compare-card__tips">
<view v-for="tip in detail.tips" :key="tip.text" class="poi-compare-card__tip flex gap-10">
<view v-for="tip in detail.tips" :key="tip.text" class="poi-compare-card__tip flex gap-[10px]">
<view class="poi-compare-card__dot rounded-full flex-shrink-0" :class="getDotClass(tip.tone)" />
<view class="poi-compare-card__tip-text color-334155 font-size-14 font-900">
{{ tip.text }}