refactor: replace rounded utility classes and clean up unused scss files

Removed unused text-align.scss, position.scss, and rounded.scss utility files along with their imports from scss/index.scss. Updated all existing uses of the rounded-* utility classes in vue components to use inline border-radius syntax like rounded-[10px] instead.
This commit is contained in:
duanshuwen
2026-07-24 21:46:42 +08:00
parent 5f06d8ef11
commit 0883d2b9c9
53 changed files with 110 additions and 193 deletions

View File

@@ -2,8 +2,8 @@
<view class="long-text-guide-card w-full">
<view v-if="mode === 'list'" class="long-text-guide-card__list w-full">
<view v-for="item in cards" :key="item.id"
class="long-text-guide-card__summary-card bg-white rounded-24 border-box" :class="{ 'is-disabled': disabled }"
@click="openDetail(item)">
class="long-text-guide-card__summary-card bg-white rounded-[24px] border-box"
:class="{ 'is-disabled': disabled }" @click="openDetail(item)">
<view class="long-text-guide-card__badge font-size-12 font-900" :class="`is-${item.badgeTone}`">
{{ item.badge }}
</view>
@@ -20,7 +20,7 @@
</view>
</view>
<view v-else class="long-text-guide-card__detail-card bg-white rounded-24 overflow-hidden">
<view v-else class="long-text-guide-card__detail-card bg-white rounded-[24px] overflow-hidden">
<view class="long-text-guide-card__detail-header flex flex-items-center border-bottom-F1F5F9">
<view class="long-text-guide-card__back flex flex-items-center flex-justify-center rounded-full font-700"
@click="closeDetail">
@@ -47,7 +47,7 @@
</template>
</view>
<image v-if="activeItem.image" class="long-text-guide-card__main-image w-full rounded-14 block"
<image v-if="activeItem.image" class="long-text-guide-card__main-image w-full rounded-[14px] block"
:src="activeItem.image" mode="aspectFill" />
<view class="long-text-guide-card__section-title text-[#1e293b] font-size-16 font-900">
@@ -76,7 +76,7 @@
<view class="long-text-guide-card__action-label text-[#94a3b8] font-size-11 font-800">
{{ activeItem.action.label }}
</view>
<view class="long-text-guide-card__map-card rounded-16 overflow-hidden">
<view class="long-text-guide-card__map-card rounded-[16px] overflow-hidden">
<view class="long-text-guide-card__map-image-wrap relative">
<image class="long-text-guide-card__map-image w-full block" :src="activeItem.action.image"
mode="aspectFill" />