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

8
src/pages-booking/components/ConactSection/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<!-- 选择数量 -->
<view class="border-box bg-white p-[12px] rounded-[12px] flex flex-items-center mb-[12px]">
<view class="flex-full">
<view class="border-box bg-white p-[12px] rounded-[12px] flex items-center mb-[12px]">
<view class="flex-1">
<view class="text-[16px] font-[500] text-[#000000] leading-[24px]">选择数量</view>
<view class="text-[12px] text-[#a3a3a3] leading-[16px]">
请选择套餐数量
@@ -19,7 +19,7 @@
<!-- 联系方式 -->
<view class="bg-white rounded-[12px] overflow-hidden">
<view class="border-box border-bottom text-[16px] font-[500] text-[#000000] leading-[24px] p-[12px]">联系方式</view>
<view class="flex flex-items-center p-[12px]">
<view class="flex items-center p-[12px]">
<view class="text-[14px] font-[500] text-[#525866] mr-[12px]"> 联系人姓名 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] text-[15px] text-[#000000] leading-[20px]"
@@ -27,7 +27,7 @@
</view>
</view>
<view class="flex flex-items-center p-[12px]">
<view class="flex items-center p-[12px]">
<view class="text-[14px] font-[500] text-[#525866] mr-[12px]"> 手机号码 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] text-[15px] text-[#000000] leading-[20px]"

8
src/pages-booking/components/FooterSection/index.vue
View File

@@ -1,13 +1,13 @@
<template>
<view class="booking-footer bg-white flex flex-items-center font-family-misans-vf">
<text class="amt text-[20px] font-bold text-[#ff3d60] line-height-28 flex flex-items-center mr-[8px]">
<view class="booking-footer bg-white flex items-center font-family-misans-vf">
<text class="amt text-[20px] font-bold text-[#ff3d60] line-height-28 flex items-center mr-[8px]">
{{ totalAmt }}
</text>
<!-- <view class="flex flex-items-center" @click="emit('detailClick')">
<!-- <view class="flex items-center" @click="emit('detailClick')">
<text class="text-[12px] text-[#a3a3a3] mr-[4px]">明细</text>
<uni-icons type="up" size="16" color="#A3A3A3" />
</view> -->
<view class="btn rounded-[10px] flex flex-items-center ml-auto pl-[8px]" @click="handleBooking">
<view class="btn rounded-[10px] flex items-center ml-auto pl-[8px]" @click="handleBooking">
<image class="icon" src="https://oss.nianxx.cn/mp/static/version_101/common/btn.png" />
<text class="text-[16px] font-[500] text-white">立即支付</text>
</view>

10
src/pages-booking/components/UserSection/index.vue
View File

@@ -1,15 +1,15 @@
<template>
<view class="bg-white rounded-[12px] overflow-hidden mb-[12px]">
<view class="flex flex-items-center p-[12px] border-bottom">
<view class="text-[16px] font-[500] text-[#000000] leading-[24px] flex-full">入住信息</view>
<view class="flex items-center p-[12px] border-bottom">
<view class="text-[16px] font-[500] text-[#000000] leading-[24px] flex-1">入住信息</view>
<view class="right">
<Stepper v-model="count" unit="间" />
</view>
</view>
<view class="border-box pl-[12px] pr-[12px]">
<view class="border-box border-bottom pt-[12px] pb-[12px] flex flex-items-center"
v-for="(item, index) in userFormList" :key="index">
<view class="border-box border-bottom pt-[12px] pb-[12px] flex items-center" v-for="(item, index) in userFormList"
:key="index">
<view class="text-[14px] font-[500] text-[#525866] mr-[12px]"> 住客姓名 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] text-[15px] text-[#000000] leading-[20px]"
@@ -17,7 +17,7 @@
</view>
</view>
<view class="flex flex-items-center pt-[12px] pb-[12px]">
<view class="flex items-center pt-[12px] pb-[12px]">
<view class="text-[14px] font-[500] text-[#525866] mr-[12px]"> 联系手机 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] text-[15px] text-[#000000] leading-[20px]"