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:
@@ -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" />
|
||||
|
||||
Reference in New Issue
Block a user