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

6
src/pages/ChatModule/PoiDetailCard/index.vue
View File

@@ -2,7 +2,7 @@
<view class="poi-detail-card bg-white rounded-24 overflow-hidden">
<view class="poi-detail-card__hero relative">
<image class="poi-detail-card__image w-full h-full block rounded-18" :src="data.image" mode="aspectFill" />
<view class="poi-detail-card__badge flex flex-items-center gap-4 font-size-10 font-900">
<view class="poi-detail-card__badge flex flex-items-center gap-[4px] font-size-10 font-900">
<text class="poi-detail-card__badge-icon">⌖</text>
<text>{{ data.badge?.text }}</text>
</view>
@@ -13,7 +13,7 @@
{{ data.title }}
</view>
<view class="poi-detail-card__tip flex flex-items-center gap-10">
<view class="poi-detail-card__tip flex flex-items-center gap-[10px]">
<view class="poi-detail-card__spark color-047857 font-size-18 font-900">✦</view>
<view class="poi-detail-card__tip-text color-047857 font-size-14 font-800">
{{ data.tip?.text }}
@@ -21,7 +21,7 @@
</view>
<view
class="poi-detail-card__button flex flex-items-center flex-justify-center gap-8 color-white bg-[#0f172a] font-size-16 font-900"
class="poi-detail-card__button flex flex-items-center flex-justify-center gap-[8px] color-white bg-[#0f172a] font-size-16 font-900"
:class="{ 'is-disabled': disabled }" @click="handleAction">
<text class="poi-detail-card__button-icon">↗</text>
<text>{{ data.action?.text }}</text>