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

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/ChatMain/ChatQuickAccess/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<view>
<view class="quick-access flex flex-row ml-[12px] pt-[8px] pb-[8px] scroll-x whitespace-nowrap">
<view class="item rounded-50 flex flex-row items-center" v-for="(item, index) in itemList" :key="index"
<view class="item rounded-[50px] flex flex-row items-center" v-for="(item, index) in itemList" :key="index"
@click="sendReply(item)">
<view class="flex items-center justify-center">
<image v-if="item.icon" class="icon" :src="item.icon" />

2
src/pages/ChatMain/ChatTopWelcome/index.vue
View File

@@ -1,7 +1,7 @@
v
<template>
<view class="welcome-content p-[12px]">
<view class="wrap rounded-20">
<view class="wrap rounded-[20px]">
<view class="flex flex-items-center flex-justify-between pl-[12px] pr-[12px]">
<SpriteAnimator :src="spriteStyle.ipLargeImage" :frameWidth="spriteStyle.frameWidth"
:frameHeight="spriteStyle.frameHeight" :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns"

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

@@ -1,9 +1,9 @@
<template>
<view class="w-full bg-white border-ff overflow-hidden rounded-20 flex flex-col">
<view class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
<!-- 占位撑开 -->
<view class="w-vw"></view>
<view class="aigc-photo-card relative rounded-24 overflow-hidden w-full"
<view class="aigc-photo-card relative rounded-[24px] overflow-hidden w-full"
:class="{ 'is-disabled': disabled, 'is-empty': !videoUrl }" @click="handleAction">
<video v-if="videoUrl" :id="videoId" class="aigc-photo-card__video block w-full" :src="videoUrl" :poster="poster"
:controls="!disabled" :show-center-play-btn="!disabled" :show-play-btn="!disabled"

2
src/pages/ChatModule/AnswerComponent/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view v-if="shouldRenderCard" class="w-full bg-white border-ff overflow-hidden rounded-20 flex flex-col">
<view v-if="shouldRenderCard" class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
<!-- 占位撑开 -->
<view class="w-vw"></view>
<view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="lookDetailAction">

2
src/pages/ChatModule/CallMobile/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<uni-popup ref="popup" type="center" :safe-area="false">
<view class="popup-content bg-white mx-24 px-[12px] py-16 rounded-12">
<view class="popup-content bg-white mx-24 px-[12px] py-16 rounded-[12px]">
<view class="header flex flex-items-center pb-[12px]">
<view class="title flex-full text-center font-size-17 text-[#000000] font-500 ml-[24px]">呼叫热线</view>
<uni-icons type="close" size="24" color="#CACFD8" @click="close" />

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

@@ -1,5 +1,5 @@
<template>
<view class="facility-location-card bg-white rounded-24 overflow-hidden w-full">
<view class="facility-location-card bg-white rounded-[24px] overflow-hidden w-full">
<image class="facility-location-card__image block w-full" :src="data.image" mode="aspectFill" />
<view class="facility-location-card__body px-[24px] pb-[24px]">
@@ -17,7 +17,7 @@
<text>{{ distance.text }}</text>
</view>
<view class="facility-location-card__location bg-[#f8fafc] rounded-20">
<view class="facility-location-card__location bg-[#f8fafc] rounded-[20px]">
<view
class="facility-location-card__location-label flex flex-items-center text-[#64748b] font-size-13 font-900">
<text class="facility-location-card__location-dot">{{ location.icon }}</text>

2
src/pages/ChatModule/FaqHelpCard/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="faq-help-card bg-white rounded-24 w-full">
<view class="faq-help-card bg-white rounded-[24px] w-full">
<view class="faq-help-card__header flex flex-items-center">
<view class="faq-help-card__icon flex flex-items-center flex-justify-center rounded-full font-size-16 font-900">
{{ data.icon }}

10
src/pages/ChatModule/GeneratorPhotoComponent/index.vue
View File

@@ -1,10 +1,10 @@
<template>
<view class="container w-full border-ff overflow-hidden rounded-24 flex flex-col">
<view class="container w-full border-ff overflow-hidden rounded-[24px] flex flex-col">
<!-- 占位撑开 -->
<view class="w-vw"></view>
<view class="content flex flex-col m-4 rounded-24">
<view class="content flex flex-col m-4 rounded-[24px]">
<view class="flex flex-col p-[6px] flex-items-center justify-center">
<image class="w-full rounded-20" :src="componentDataMap.background" mode="widthFix" />
<image class="w-full rounded-[20px]" :src="componentDataMap.background" mode="widthFix" />
<!-- 左上角标签 -->
<view class="tag">
@@ -19,9 +19,9 @@
</text>
<view class="w-full px-[12px] pb-[8px] flex flex-row" @click="jumpClick">
<view class="btn-bg w-full p-[4px] rounded-24 flex flex-row">
<view class="btn-bg w-full p-[4px] rounded-[24px] flex flex-row">
<view
class="btn-bg-sub w-full p-[16px] rounded-20 flex flex-row flex-items-center flex-justify-center text-white text-center font-size-18 font-800">
class="btn-bg-sub w-full p-[16px] rounded-[20px] flex flex-row flex-items-center flex-justify-center text-white text-center font-size-18 font-800">
{{ componentDataMap.buttonName }}
</view>
</view>

10
src/pages/ChatModule/LongTextGuideCard/index.vue
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" />

2
src/pages/ChatModule/LongTextGuideCardPreview/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="w-full bg-white border-ff overflow-hidden rounded-20 flex flex-col">
<view class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
<!-- 占位撑开 -->
<view class="w-vw"></view>
<view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="openDetail(item)">

2
src/pages/ChatModule/MapNavigationCard/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="map-navigation-card bg-white rounded-24 overflow-hidden w-full">
<view class="map-navigation-card bg-white rounded-[24px] overflow-hidden w-full">
<view class="map-navigation-card__media">
<image class="map-navigation-card__image block w-full" :src="data.image" mode="aspectFill" />
<view class="map-navigation-card__badge flex flex-items-center text-white font-size-12 font-900">

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

@@ -1,6 +1,6 @@
<template>
<view class="notice-card w-full">
<view v-if="!detailOpen" class="notice-card__summary bg-[#fffbeb] rounded-24 w-full">
<view v-if="!detailOpen" class="notice-card__summary bg-[#fffbeb] rounded-[24px] w-full">
<view class="notice-card__summary-title text-[#b45309] font-size-16 font-900">
{{ summary.title }}
</view>
@@ -18,7 +18,7 @@
</view>
</view>
<view v-else class="notice-card__detail bg-white rounded-24 overflow-hidden w-full">
<view v-else class="notice-card__detail bg-white rounded-[24px] overflow-hidden w-full">
<view class="notice-card__detail-head flex flex-items-center">
<view class="notice-card__back flex flex-items-center flex-justify-center rounded-full flex-shrink-0"
@click="closeDetail">

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

@@ -1,9 +1,9 @@
<template>
<view class="w-full bg-white border-ff overflow-hidden rounded-20 flex flex-col">
<view class="w-full bg-white border-ff overflow-hidden rounded-[20px] flex flex-col">
<!-- 占位撑开 -->
<view class="w-vw"></view>
<view class="flex flex-items-center flex-justify-between p-[12px] border-box" @click="openMap">
<view class="rounded-16 p-[16px] bg-[#F0F8F3]">
<view class="rounded-[16px] p-[16px] bg-[#F0F8F3]">
<view class="w-32 h-32 rounded-full bg-white flex flex-items-center flex-justify-center">
<uni-icons type="location" size="16" color="#171717" />
</view>

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

@@ -1,6 +1,6 @@
<template>
<view class="poi-compare-card w-full">
<view v-if="!isDetail" class="poi-compare-card__overview bg-white rounded-24 overflow-hidden">
<view v-if="!isDetail" class="poi-compare-card__overview bg-white rounded-[24px] overflow-hidden">
<view class="poi-compare-card__head flex flex-items-center">
<view class="poi-compare-card__mark flex flex-items-center flex-justify-center rounded-full flex-shrink-0">
{{ data.icon }}
@@ -36,7 +36,7 @@
</view>
</view>
<view v-else class="poi-compare-card__detail-card bg-white rounded-24 overflow-hidden">
<view v-else class="poi-compare-card__detail-card bg-white rounded-[24px] overflow-hidden">
<view class="poi-compare-card__detail-head flex flex-items-center">
<view class="poi-compare-card__back flex flex-items-center flex-justify-center rounded-full flex-shrink-0"
@click="closeDetail">

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

@@ -1,7 +1,7 @@
<template>
<view class="poi-detail-card bg-white rounded-24 overflow-hidden">
<view class="poi-detail-card bg-white rounded-[24px] 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" />
<image class="poi-detail-card__image w-full h-full block rounded-[18px]" :src="data.image" mode="aspectFill" />
<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>

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

@@ -3,12 +3,12 @@
<ModuleTitle :title="recommendTheme.themeName" />
<view class="container-scroll font-size-0 scroll-x whitespace-nowrap">
<view class="card-item bg-white inline-block rounded-20 mr-8"
<view class="card-item bg-white inline-block rounded-[20px] mr-8"
v-for="(item, index) in recommendTheme.recommendPostsList" :key="index" @click="sendReply(item)">
<view class="m-4 relative">
<image class="card-img rounded-16 relative z-10" :src="item.coverPhoto" mode="aspectFill" />
<image class="card-img rounded-[16px] relative z-10" :src="item.coverPhoto" mode="aspectFill" />
<view class="shadow absolute rounded-16"></view>
<view class="shadow absolute rounded-[16px]"></view>
</view>
<view class="card-text border-box">

2
src/pages/ChatModule/RecommendationListCard/index.vue
View File

@@ -3,7 +3,7 @@
<scroll-view class="recommendation-list-card__scroll scroll-x whitespace-nowrap w-full" scroll-x
:show-scrollbar="false" enhanced>
<view v-for="item in items" :key="item.id || item.title"
class="recommendation-list-card__item inline-block bg-white rounded-20 overflow-hidden"
class="recommendation-list-card__item inline-block bg-white rounded-[20px] overflow-hidden"
:class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
<image class="recommendation-list-card__image block w-full" :src="item.image" mode="aspectFill" />
<view class="recommendation-list-card__body p-[16px]">

8
src/pages/ChatModule/RoutePlanCard/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<view class="route-plan-card w-full">
<view v-if="!detailOpen"
class="route-plan-card__summary flex flex-items-center bg-white rounded-24 overflow-hidden w-full"
class="route-plan-card__summary flex flex-items-center bg-white rounded-[24px] overflow-hidden w-full"
:class="{ 'is-disabled': disabled }" @click="openDetail">
<image class="route-plan-card__cover block flex-shrink-0" :src="data.image" mode="aspectFill" />
<view class="route-plan-card__body flex-full">
@@ -20,7 +20,7 @@
</view>
</view>
<view v-else class="route-plan-card__detail bg-white rounded-24 overflow-hidden w-full">
<view v-else class="route-plan-card__detail bg-white rounded-[24px] overflow-hidden w-full">
<view class="route-plan-card__detail-head flex flex-items-center">
<view class="route-plan-card__back flex flex-items-center flex-justify-center rounded-full flex-shrink-0"
@click="closeDetail">
@@ -41,7 +41,7 @@
class="route-plan-card__node-number flex flex-items-center flex-justify-center rounded-full text-[#047857] bg-[#ecfdf5] font-size-12 font-900">
{{ index + 1 }}
</view>
<view class="route-plan-card__node bg-white rounded-20 flex flex-items-center">
<view class="route-plan-card__node bg-white rounded-[20px] flex flex-items-center">
<image class="route-plan-card__node-image block flex-shrink-0" :src="node.image" mode="aspectFill" />
<view class="route-plan-card__node-body flex-full">
<view class="route-plan-card__node-title text-[#1e293b] font-size-16 font-900 ellipsis-1">
@@ -70,7 +70,7 @@
</template>
</view>
<view v-if="tips.length" class="route-plan-card__tips bg-[#f8fafc] rounded-20">
<view v-if="tips.length" class="route-plan-card__tips bg-[#f8fafc] rounded-[20px]">
<view class="route-plan-card__tips-title text-[#64748b] font-size-14 font-900">
{{ detail.tipsTitle }}
</view>

2
src/pages/ChatModule/ScenicImageCard/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="scenic-image-card relative rounded-24 overflow-hidden w-full" :class="{ 'is-disabled': disabled }"
<view class="scenic-image-card relative rounded-[24px] overflow-hidden w-full" :class="{ 'is-disabled': disabled }"
@click="handleSelect">
<image class="scenic-image-card__image block w-full" :src="data.image" mode="aspectFill" />

4
src/pages/ChatModule/SharedVisual/ActionRow.vue
View File

@@ -1,8 +1,8 @@
<template>
<view class="visual-action-row flex flex-items-center gap-[12px] p-[12px] bg-white rounded-18 border-box"
<view class="visual-action-row flex flex-items-center gap-[12px] p-[12px] bg-white rounded-[18px] border-box"
:class="{ 'is-disabled': disabled }" @click="handleClick">
<view
class="visual-action-row__icon flex flex-items-center flex-justify-center w-42 h-42 rounded-14 font-size-18 font-900"
class="visual-action-row__icon flex flex-items-center flex-justify-center w-42 h-42 rounded-[14px] font-size-18 font-900"
:class="toneClass">
<slot name="icon">{{ icon }}</slot>
</view>

4
src/pages/ChatModule/SharedVisual/BadgePill.vue
View File

@@ -1,5 +1,7 @@
<template>
<view class="visual-badge flex flex-items-center flex-justify-center rounded-50 font-size-10 font-800 whitespace-nowrap" :class="toneClass">
<view
class="visual-badge flex flex-items-center flex-justify-center rounded-[50px] font-size-10 font-800 whitespace-nowrap"
:class="toneClass">
<slot>{{ label }}</slot>
</view>
</template>

2
src/pages/ChatModule/SharedVisual/CardShell.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="visual-card-shell w-full bg-white border-F1F5F9 rounded-24 overflow-hidden"
<view class="visual-card-shell w-full bg-white border-F1F5F9 rounded-[24px] overflow-hidden"
:class="[{ 'is-pressable': pressable, 'is-disabled': disabled }, variantClass]" @click="handleClick">
<slot />
</view>

2
src/pages/ChatModule/SharedVisual/MediaFrame.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="visual-media relative w-full overflow-hidden bg-[#f1f5f9]" :class="{ 'rounded-16': rounded }">
<view class="visual-media relative w-full overflow-hidden bg-[#f1f5f9]" :class="{ 'rounded-[16px]': rounded }">
<image v-if="src" class="visual-media__image block w-full h-full" :src="src" :mode="mode" />
<view v-else class="visual-media__empty block w-full h-full"></view>
<slot />

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

@@ -1,8 +1,8 @@
<template>
<view class="container w-full border-ff overflow-hidden rounded-24 flex flex-col">
<view class="container w-full border-ff overflow-hidden rounded-[24px] flex flex-col">
<!-- 占位撑开 -->
<view class="w-vw"></view>
<view class="flex flex-col m-4 rounded-24">
<view class="flex flex-col m-4 rounded-[24px]">
<slot name="content"></slot>
</view>
</view>

4
src/pages/Discovery/components/QuickQuestions/index.vue
View File

@@ -2,11 +2,11 @@
<view class="container pl-[12px]">
<view class="container-scroll font-size-0 scroll-x whitespace-nowrap">
<view class="card-item bg-white inline-block rounded-20 mr-10" v-for="(item, index) in list" :key="index"
<view class="card-item bg-white inline-block rounded-[20px] mr-10" v-for="(item, index) in list" :key="index"
@click="sendReply(item)">
<view class="flex flex-row flex-justify-start p-[10px]">
<image class="card-img flex-shrink-0 rounded-14" :src="createSvgIndex(index)" />
<image class="card-img flex-shrink-0 rounded-[14px]" :src="createSvgIndex(index)" />
<view class="min-width-0 flex flex-col flex-full pl-[8px] py-[4px]">
<view class="w-full font-size-12 font-600 text-[#171717] ellipsis-1">

2
src/pages/goods/index.vue
View File

@@ -39,7 +39,7 @@
{{ calculatedTotalPrice }}
</view>
<view class="btn rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="navigateToPay(goodsData)">
<view class="btn rounded-[10px] flex flex-items-center ml-auto pl-[8px]" @click="navigateToPay(goodsData)">
<image class="icon" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
<text class="font-size-16 font-500 text-white">立即预定</text>
</view>