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

refactor: replace legacy flex utility classes and remove flex.scss

Browse Source 
Replace all instances of prefixed flex utility classes (like flex-items-center, flex-justify-between, flex-full, flex-shrink-0) with their standard un-prefixed counterparts (items-center, justify-between, flex-1, shrink-0) across the codebase. Remove the deprecated src/static/scss/flex.scss partial file as it is no longer needed after these updates.
This commit is contained in:
duanshuwen
2026-07-25 10:03:01 +08:00
parent 1df4b328dd
commit 15560574e0
61 changed files with 191 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages-quick/components/Card/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<view class="card bg-white p-[8px] rounded-[12px] flex flex-items-start m-[12px]" @click.stop="handleClick(item)">
<image class="left rounded-[10px]" :src="item.commodityPhoto" mode="aspectFill" />
<view class="right flex-full pl-[12px]">
<view class="right flex-1 pl-[12px]">
<view class="text-[16px] leading-[24px] text-[#171717] mb-[4px]">
{{ item.commodityName }}
</view>
@@ -12,7 +12,7 @@
{{ item.commodityTradeRuleList.join(" / ") }}
</view>
<view class="flex flex-items-center flex-justify-end">
<view class="flex items-center justify-end">
<text class="amt text-[18px] font-[500] font-family-misans-vf leading-[24px] text-[#ff3d60] mr-[4px]">
{{ item.specificationPrice }}
</text>

6
src/pages-quick/components/Tabs/index.vue
View File

@@ -1,11 +1,11 @@
<template>
<view class="tab-container relative">
<view class="tab-wrapper flex flex-items-center">
<view class="tab-wrapper flex items-center">
<view v-for="(item, index) in tabList" :key="item.id" :class="[
'tab-item flex flex-items-center flex-justify-center relative',
'tab-item flex items-center justify-center relative',
activeIndex === index && 'tab-item-active',
]" @click="handleTabClick(index)">
<view class="tab-item-inner flex flex-items-center">
<view class="tab-item-inner flex items-center">
<uni-icons :class="['icon mr-[4px]', activeIndex === index && 'icon-active']" fontFamily="znicons" size="20"
color="opacity">
{{ zniconsMap[item.iconCode] }}

7
src/pages-quick/list.vue
View File

@@ -7,9 +7,8 @@
<Tabs @change="handleTabChange" />
<!-- 选择入住、离店日期 0:是酒店 -->
<view v-if="didSelectedTabItem && didSelectedTabItem.orderType == 0"
class="bg-white flex flex-items-center p-[12px]">
<view class="in flex flex-items-center">
<view v-if="didSelectedTabItem && didSelectedTabItem.orderType == 0" class="bg-white flex items-center p-[12px]">
<view class="in flex items-center">
<text class="text-[11px] font-[500] text-[#99a0ae] mr-[4px]">入住</text>
<text class="text-[14px] font-[500] text-[#171717]">
{{ selectedDate.startDate }}
@@ -21,7 +20,7 @@
{{ selectedDate.totalDays }}晚
</text>
<view class="out flex flex-items-center">
<view class="out flex items-center">
<text class="text-[11px] font-[500] text-[#99a0ae] mr-[4px]">离店</text>
<text class="text-[14px] font-[500] text-[#171717]">
{{ selectedDate.endDate }}