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

16
src/components/CreateServiceOrder/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<view class="create-service-order">
<view class="w-full bg-white border-ff overflow-hidden rounded-20">
<view class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
<view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
<text class="font-size-18 font-500 text-[#171717] text-left ml-[12px]">
{{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
@@ -9,26 +9,26 @@
</view>
<view v-if="!isCallSuccess" class="border-box p-[12px]">
<view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 text-[#171717] mb-12">
<view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-[10px] font-size-14 text-[#171717] mb-12">
<text class="font-500 leading-[22px] mr-20">所在位置</text>
<input placeholder="请填写所在位置" v-model="roomId" />
</view>
<view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 text-[#171717] mb-12">
<view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-[10px] font-size-14 text-[#171717] mb-12">
<text class="font-500 leading-[22px] mr-20">联系电话</text>
<input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
</view>
<view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 text-[#171717] mb-12">
<view class="bg-[#f5f7fa] p-[12px] rounded-[10px] font-size-14 font-500 text-[#171717] mb-12">
<view class="font-500 leading-[22px] mb-12">需求信息描述</view>
<textarea class="h-80" placeholder="请输入需求信息描述" placeholder-class="font-size-14 font-400" maxlength="100"
v-model="contactText" />
</view>
<view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 text-[#171717] mb-12">
<view class="bg-[#f5f7fa] p-[12px] rounded-[10px] font-size-14 font-500 text-[#171717] mb-12">
<view class="font-500 leading-[22px] mb-12">照片上传</view>
<view class="w-80 h-80 bg-white rounded-8 overflow-hidden flex flex-items-center flex-justify-center">
<view class="w-80 h-80 bg-white rounded-[8px] overflow-hidden flex flex-items-center flex-justify-center">
<view v-if="contentImgUrl" class="w-full h-full relative inline-block">
<image class="w-full h-full block" :src="contentImgUrl" mode="aspectFill" />
<uni-icons class="close-btn absolute z-10" type="close" size="20" color="#6A717F"
@@ -52,11 +52,11 @@
<view class="font-size-12 text-[#525866] leading-[20px] ellipsis-2">需求描述: {{ contactText }}</view>
</view>
<image v-if="contentImgUrl" class="right rounded-6" :src="contentImgUrl" mode="aspectFill" />
<image v-if="contentImgUrl" class="right rounded-[6px]" :src="contentImgUrl" mode="aspectFill" />
</view>
<view
class="btn rounded-50 text-white bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] flex flex-items-center flex-justify-center ml-[12px] mr-12 mb-12"
class="btn rounded-[50px] text-white bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] flex flex-items-center flex-justify-center ml-[12px] mr-12 mb-12"
@click="handleCall">
{{ isCallSuccess ? "查看服务" : "立即呼叫" }}
</view>

2
src/components/DateRangeSection/index.vue
View File

@@ -5,7 +5,7 @@
<text class="font-size-12 text-[#171717] mr-16">
{{ selectedDate.startDate }}
</text>
<text class="total rounded-50 flex flex-items-center font-size-11 text-[#43669a] relative">{{
<text class="total rounded-[50px] flex flex-items-center font-size-11 text-[#43669a] relative">{{
selectedDate.totalDays }}晚</text>
<text class="font-size-12 text-[#99a0ae] ml-16">离店</text>
<text class="font-size-12 text-[#171717] ml-4">

2
src/components/DetailPopup/index.vue
View File

@@ -7,7 +7,7 @@
<uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
</view>
<!-- 内容区域 -->
<view class="rounded-12 bg-white ml-[12px] mr-12 mb-40">
<view class="rounded-[12px] bg-white ml-[12px] mr-12 mb-40">
<view
class="border-box border-bottom flex flex-items-center flex-justify-between pt-[12px] pb-[12px] ml-[12px] mr-12">
<text class="font-size-16 font-500 text-[#171717]">在线支付</text>

8
src/components/Feedback/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<view class="create-service-order">
<view class="w-full bg-white border-ff overflow-hidden rounded-20">
<view class="w-full bg-white border-ff overflow-hidden rounded-[20px]">
<view class="border-box order-header w-vw flex flex-items-center flex-justify-between bg-[#F0F8F3]">
<text class="font-size-18 font-500 text-[#171717] text-left ml-[12px]">
{{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
@@ -9,18 +9,18 @@
</view>
<view v-if="!isCallSuccess" class="border-box p-[12px]">
<view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-10 font-size-14 text-[#171717] mb-12">
<view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-[10px] font-size-14 text-[#171717] mb-12">
<text class="font-500 leading-[22px] mr-20">联系电话</text>
<input placeholder="请填写联系电话" v-model="contactPhone" />
</view>
<view class="bg-[#f5f7fa] p-[12px] rounded-10 font-size-14 font-500 text-[#171717] mb-12">
<view class="bg-[#f5f7fa] p-[12px] rounded-[10px] font-size-14 font-500 text-[#171717] mb-12">
<view class="font-500 leading-[22px] mb-12">意见内容</view>
<textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="font-size-14 font-400" maxlength="100"
v-model="contactText" />
</view>
<view
class="btn rounded-50 text-white bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] flex flex-items-center flex-justify-center"
class="btn rounded-[50px] text-white bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] flex flex-items-center flex-justify-center"
@click="handleCall">
立即提交
</view>

2
src/components/RefundPopup/index.vue
View File

@@ -7,7 +7,7 @@
<uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
</view>
<!-- 内容区域 -->
<view class="border-box rounded-12 bg-white p-[12px] ml-[12px] mr-12 mb-40">
<view class="border-box rounded-[12px] bg-white p-[12px] ml-[12px] mr-12 mb-40">
<view class="flex flex-items-center mb-8">
<uni-icons fontFamily="znicons" size="20" color="#333">
{{ zniconsMap["zn-refund"] }}

2
src/components/Stepper/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="stepper-wrapper flex flex-items-center rounded-8">
<view class="stepper-wrapper flex flex-items-center rounded-[8px]">
<uni-icons type="minus" size="24" color="#D1D1D1" @click="decrease" />
<text class="stepper-text text-center font-size-14 font-500 text-[#000000] ml-4 mr-4">
{{ value }} {{ unit }}

4
src/components/SurveyQuestionnaire/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<view class="survey-questionnaire w-vw-24">
<view class="bg-white border-ff overflow-hidden rounded-20">
<view class="bg-white border-ff overflow-hidden rounded-[20px]">
<view class="border-box flex flex-items-center flex-justify-between bg-[#F0F8F3]">
<text class="font-size-18 font-500 text-[#171717] text-left ml-[12px]">
调查问卷
@@ -11,7 +11,7 @@
<image class="w-full" :src="surveyData.bannerUrl" mode="widthFix" />
<view
class="h-44 m-12 rounded-50 bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] text-white flex flex-items-center flex-justify-center"
class="h-44 m-12 rounded-[50px] bg-gradient-to-r from-[#0CCD58] to-[#4de4ff] text-white flex flex-items-center flex-justify-center"
@click="handleCall">
前往填写
</view>

2
src/components/UseDateRange/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="bg-white rounded-12 overflow-hidden mb-12">
<view class="bg-white rounded-[12px] overflow-hidden mb-12">
<view class="border-box font-size-16 font-500 text-[#000000] leading-[24px] p-[12px]">使用日期</view>
<view class="flex flex-items-center border-box">
<scroll-view class="date-scroll" scroll-x>

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

@@ -1,6 +1,6 @@
<template>
<!-- 选择数量 -->
<view class="border-box bg-white p-[12px] rounded-12 flex flex-items-center mb-12">
<view class="border-box bg-white p-[12px] rounded-[12px] flex flex-items-center mb-12">
<view class="flex-full">
<view class="font-size-16 font-500 text-[#000000] leading-[24px]">选择数量</view>
<view class="font-size-12 text-[#a3a3a3] leading-[16px]">
@@ -17,7 +17,7 @@
v-model:selectedDate="reservationDate" />
<!-- 联系方式 -->
<view class="bg-white rounded-12 overflow-hidden">
<view class="bg-white rounded-[12px] overflow-hidden">
<view class="border-box border-bottom font-size-16 font-500 text-[#000000] leading-[24px] p-[12px]">联系方式</view>
<view class="flex flex-items-center p-[12px]">
<view class="font-size-14 font-500 text-[#525866] mr-12"> 联系人姓名 </view>

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

@@ -7,7 +7,7 @@
<text class="font-size-12 text-[#a3a3a3] mr-4">明细</text>
<uni-icons type="up" size="16" color="#A3A3A3" />
</view> -->
<view class="btn rounded-10 flex flex-items-center ml-auto pl-[8px]" @click="handleBooking">
<view class="btn rounded-[10px] flex 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="font-size-16 font-500 text-white">立即支付</text>
</view>

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

@@ -1,5 +1,5 @@
<template>
<view class="bg-white rounded-12 overflow-hidden mb-12">
<view class="bg-white rounded-[12px] overflow-hidden mb-12">
<view class="flex flex-items-center p-[12px] border-bottom">
<view class="font-size-16 font-500 text-[#000000] leading-[24px] flex-full">入住信息</view>
<view class="right">

5
src/pages-booking/index.vue
View File

@@ -8,7 +8,7 @@
<view class="booking-content flex-full p-[12px] overflow-hidden scroll-y">
<!-- 预约内容 -->
<view class="border-box bg-white p-[12px] rounded-12 mb-12">
<view class="border-box bg-white p-[12px] rounded-[12px] mb-12">
<!-- 酒店类型入住离店日期部分 -->
<DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" :showBtn="true"
@click="navigateToDetail(orderData)" />
@@ -24,7 +24,8 @@
<!-- 权益部分 -->
<view class="flex flex-items-center mb-8">
<text class="bg-[#f7f7f7] rounded-4 font-size-11 text-[#525866] mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
<text
class="bg-[#f7f7f7] rounded-[4px] font-size-11 text-[#525866] mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
v-for="(item, index) in orderData.commodityFacilityList" :key="index">
{{ item }}
</text>

2
src/pages-order/order/components/AmtSection/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="bg-white rounded-12 p-[12px] mb-12">
<view class="bg-white rounded-[12px] p-[12px] mb-12">
<view class="flex flex-items-center flex-justify-between">
<view class="flex flex-items-center">
<text class="font-size-16 text-[#171717] leading-[24px] font-500">

4
src/pages-order/order/components/FooterSection/index.vue
View File

@@ -1,12 +1,12 @@
<template>
<view class="footer bg-white flex flex-items-center flex-justify-between p-[12px]">
<button v-if="['1', '2'].includes(statusCode)"
class="left border-none bg-white rounded-10 flex flex-items-center flex-justify-center font-size-14 font-500 text-[#525866] mr-12"
class="left border-none bg-white rounded-[10px] flex flex-items-center flex-justify-center font-size-14 font-500 text-[#525866] mr-12"
@click="emit('refund', orderData)">
申请退款
</button>
<button :class="[
'right border-none rounded-10 flex flex-full flex-items-center flex-justify-center font-size-14 font-500 bg-[#0CCD58]',
'right border-none rounded-[10px] flex flex-full flex-items-center flex-justify-center font-size-14 font-500 bg-[#0CCD58]',
{
'bg-[#ff3d60]': statusCode === '0',
'text-white': ['1', '2', '3', '4', '5', '6'].includes(statusCode),

6
src/pages-order/order/components/GoodsInfo/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view v-if="orderType == 0" class="border-box bg-white p-[12px] rounded-12 mb-12">
<view v-if="orderType == 0" class="border-box bg-white p-[12px] rounded-[12px] mb-12">
<!-- 酒店类型入住离店日期部分 -->
<DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" />
@@ -13,14 +13,14 @@
<!-- 权益部分 -->
<view class="border-box flex flex-items-center pt-[12px]">
<text class="bg-[#f7f7f7] rounded-4 font-size-11 text-[#525866] mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
<text class="bg-[#f7f7f7] rounded-[4px] font-size-11 text-[#525866] mr-4 pt-[4px] pb-[4px] pl-[6px] pr-[6px]"
v-for="(item, index) in commodityFacilityList" :key="index">
{{ item }}
</text>
</view>
</view>
<view v-if="orderType != 0" class="border-box bg-white p-[12px] rounded-12 mb-12">
<view v-if="orderType != 0" class="border-box bg-white p-[12px] rounded-[12px] mb-12">
<view class="font-size-16 font-500 text-[#000000] leading-[24px] ellipsis-1 mb-8">
{{ orderData.commodityName }}
</view>

4
src/pages-order/order/components/OrderCard/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="order-card bg-white p-[12px] rounded-12 m-12" @click.stop="handleCardClick">
<view class="order-card bg-white p-[12px] rounded-[12px] m-12" @click.stop="handleCardClick">
<!-- 卡片头部 -->
<view class="card-header flex items-center">
<view class="status-info flex items-center flex-full">
@@ -21,7 +21,7 @@
<view v-if="orderData.orderStatus === '0'" class="text-right">
<button
class="go-pay border-none font-size-14 text-white bg-[#ff3d60] rounded-5 inline-block text-center leading-[30px]"
class="go-pay border-none font-size-14 text-white bg-[#ff3d60] rounded-[5px] inline-block text-center leading-[30px]"
@click.stop="handleCardClick">
去支付
</button>

2
src/pages-order/order/components/OrderInfo/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="bg-white rounded-10 p-[12px]">
<view class="bg-white rounded-[10px] p-[12px]">
<view class="flex mb-8 font-size-12">
<text class="w-60 text-[#99a0ae]">订单编号</text>
<text class="text-[#525866]">{{ orderData.orderId }}</text>

18
src/pages-order/order/components/OrderQrcode/index.vue
View File

@@ -10,7 +10,7 @@
<uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
</view>
<view class="bg-white rounded-12 flex flex-col flex-items-center flex-justify-center p-[12px] mb-12 mx-12">
<view class="bg-white rounded-[12px] flex flex-col flex-items-center flex-justify-center p-[12px] mb-12 mx-12">
<view class="flex w-full flex-row flex-items-center flex-justify-between py-[4px]">
<view>
@@ -20,32 +20,34 @@
</view>
<view v-if="selectedVoucher" class="flex flex-row">
<view class="bg-[#f5f7fa] text-[#02C34E] font-size-12 p-[4px] rounded-4 mr-4">总计{{ selectedVoucher.count
<view class="bg-[#f5f7fa] text-[#02C34E] font-size-12 p-[4px] rounded-[4px] mr-4">总计{{ selectedVoucher.count
}}{{
selectedVoucher.unit }}
</view>
<view class="bg-[#F0F8F3] text-[#0CCD58] font-size-12 p-[4px] rounded-4">剩{{ selectedVoucher.count -
<view class="bg-[#F0F8F3] text-[#0CCD58] font-size-12 p-[4px] rounded-[4px]">剩{{ selectedVoucher.count -
selectedVoucher.writeOffCount }}{{ selectedVoucher.unit }}可用</view>
</view>
</view>
<view
class="flex flex-col w-full flex-items-center flex-justify-center rounded-8 border pt-[16px] pb-[32px] mt-12">
class="flex flex-col w-full flex-items-center flex-justify-center rounded-[8px] border pt-[16px] pb-[32px] mt-12">
<view class="flex flex-row flex-justify-between w-full px-[12px]">
<view class="bg-[#F0F8F3] text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-12">凭证{{
<view class="bg-[#F0F8F3] text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-[12px]">凭证{{
selectedVoucherList.length > 1 ? currentVoucherIndex + 1 : '' }}</view>
<view class="text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-12">此码仅可核销{{ selectedVoucher.count
<view class="text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-[12px]">此码仅可核销{{
selectedVoucher.count
-
selectedVoucher.writeOffCount }}份</view>
</view>
<view class="flex flex-items-center flex-justify-center mt-20 p-[20px] rounded-12 border borderColor"
<view class="flex flex-items-center flex-justify-center mt-20 p-[20px] rounded-[12px] border borderColor"
:style="{ borderColor: selectedVoucher?.color }">
<Qrcode v-if="showQrcode" :size="props.size" :unit="props.unit" :val="qrcodeVal" :loadMake="true"
:onval="true" />
</view>
<view v-if="false" class="mt-20 bg-[#F0F8F3] text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-12">
<view v-if="false"
class="mt-20 bg-[#F0F8F3] text-[#0CCD58] font-size-14 px-[12px] leading-[24px] rounded-[12px]">
{{ selectedVoucher.name }}
</view>
</view>

2
src/pages-order/order/components/UserInfo/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="bg-white rounded-10 p-[12px] mb-12" v-if="hasConsumerData">
<view class="bg-white rounded-[10px] p-[12px] mb-12" v-if="hasConsumerData">
<view v-for="(item, index) in consumerList" :key="index">
<view class="flex mb-8 font-size-12">
<text class="w-60 text-[#99a0ae]">住客姓名</text>

10
src/pages-order/order/components/VoucherList/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="bg-white rounded-12 px-[12px] pt-[12px] mb-12">
<view class="bg-white rounded-[12px] px-[12px] pt-[12px] mb-12">
<text class="font-size-16 text-[#171717] leading-[24px] font-500">
核销凭证列表
</text>
@@ -10,15 +10,17 @@
<view class="flex flex-col">
<text class="text-[#0B5C2D] font-size-16">{{ item.name }}</text>
<view class="flex flex-row mt-8">
<view class="bg-[#f5f7fa] text-[#02C34E] font-size-12 p-[4px] rounded-4 mr-4">总计{{ item.count }}{{ item.unit
<view class="bg-[#f5f7fa] text-[#02C34E] font-size-12 p-[4px] rounded-[4px] mr-4">总计{{ item.count }}{{
item.unit
}}
</view>
<view class="bg-[#F0F8F3] text-[#0CCD58] font-size-12 p-[4px] rounded-4">剩{{ item.count - item.writeOffCount
<view class="bg-[#F0F8F3] text-[#0CCD58] font-size-12 p-[4px] rounded-[4px]">剩{{ item.count -
item.writeOffCount
}}{{ item.unit }}可用</view>
</view>
</view>
<view class="flex flex-items-center px-[14px] py-[8px] rounded-8"
<view class="flex flex-items-center px-[14px] py-[8px] rounded-[8px]"
:class="[item.packageStatus === 0 ? 'bg-[#0CCD58]' : 'bg-[#f5f5f5]']" @click="handleShowQrcode(item, index)">
<text v-if="item.packageStatus === 0" class="font-size-14 text-white">出示凭证</text>
<text v-else class="font-size-14 text-[#77FEAB]">已核销</text>

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

@@ -1,6 +1,6 @@
<template>
<view class="card bg-white p-[8px] rounded-12 flex flex-items-start m-12" @click.stop="handleClick(item)">
<image class="left rounded-10" :src="item.commodityPhoto" mode="aspectFill" />
<view class="card bg-white p-[8px] rounded-[12px] flex flex-items-start m-12" @click.stop="handleClick(item)">
<image class="left rounded-[10px]" :src="item.commodityPhoto" mode="aspectFill" />
<view class="right flex-full pl-[12px]">
<view class="font-size-16 leading-[24px] text-[#171717] mb-4">
{{ item.commodityName }}
@@ -19,7 +19,7 @@
<text v-if="item.stockUnitLabel" class="font-size-12 leading-[16px] text-[#99a0ae]">
/{{ item.stockUnitLabel }}
</text>
<text class="btn rounded-10 text-white ml-16">订</text>
<text class="btn rounded-[10px] text-white ml-16">订</text>
</view>
</view>
</view>

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

@@ -17,7 +17,7 @@
</view>
<!-- 几晚 -->
<text class="nights bg-[#e5e8ee] font-size-11 font-500 text-[#525866] rounded-50 ml-8 mr-8">
<text class="nights bg-[#e5e8ee] font-size-11 font-500 text-[#525866] rounded-[50px] ml-8 mr-8">
{{ selectedDate.totalDays }}晚
</text>

7
src/pages-service/order/components/OrderCard/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<view class="order-card bg-white p-[12px] rounded-12 m-12">
<view class="order-card bg-white p-[12px] rounded-[12px] m-12">
<!-- 卡片头部 -->
<view class="border-box flex flex-items-center pb-[12px]">
<image class="icon mr-4" src="https://oss.nianxx.cn/mp/static/version_101/service/service_icon.png" />
@@ -16,7 +16,8 @@
<view class="font-size-12 text-[#525866] leading-[20px] ellipsis-2">需求描述: {{ orderData.content }}</view>
</view>
<image v-if="orderData.contentImgUrl" class="right rounded-6" :src="orderData.contentImgUrl" mode="aspectFill" />
<image v-if="orderData.contentImgUrl" class="right rounded-[6px]" :src="orderData.contentImgUrl"
mode="aspectFill" />
</view>
<!-- 服务人员 -->
@@ -33,7 +34,7 @@
orderData.workOrderStatus !== '2' &&
orderData.workOrderStatus !== '3'
" class="flex flex-items-center flex-justify-between">
<text class="cancel border rounded-6 font-size-12 leading-[16px] text-[#525866] ml-auto"
<text class="cancel border rounded-[6px] font-size-12 leading-[16px] text-[#525866] ml-auto"
@click="cancelCall">取消呼叫</text>
</view>
</view>

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>

3
src/static/scss/index.scss
View File

@@ -7,10 +7,7 @@
@import "./margin.scss";
@import "./font-size.scss";
@import "./font-family.scss";
@import "./text-align.scss";
@import "./rounded.scss";
@import "./ellipsis.scss";
@import "./position.scss";
@import "./overflow.scss";
@import "./scroll.scss";
@import "./width.scss";

24
src/static/scss/position.scss
View File

@@ -1,24 +0,0 @@
// 定位
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.left-0 {
left: 0;
}
.right-0 {
right: 0;
}
.bottom-0 {
bottom: 0;
}
.top-0 {
top: 0;
}

52
src/static/scss/rounded.scss
View File

@@ -1,52 +0,0 @@
// 圆角
.rounded-4 {
border-radius: 4px;
}
.rounded-5 {
border-radius: 5px;
}
.rounded-6 {
border-radius: 6px;
}
.rounded-8 {
border-radius: 8px;
}
.rounded-10 {
border-radius: 10px;
}
.rounded-12 {
border-radius: 12px;
}
.rounded-14 {
border-radius: 14px;
}
.rounded-16 {
border-radius: 16px;
}
.rounded-18 {
border-radius: 18px;
}
.rounded-20 {
border-radius: 20px;
}
.rounded-24 {
border-radius: 24px;
}
.rounded-50 {
border-radius: 50px;
}
.rounded-full {
border-radius: 50%;
}

12
src/static/scss/text-align.scss
View File

@@ -1,12 +0,0 @@
// 文本-align
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}