refactor: remove custom font-weight scss and update class usages

Delete the standalone font-weight.scss utility file, remove its import from the main scss index, and update all existing references to the custom font-{weight} classes to use either built-in semantic font utilities or inline functional font weight classes matching the project's utility-first styling pattern.
This commit is contained in:
duanshuwen
2026-07-24 22:05:42 +08:00
parent c125154a75
commit 872a3fac18
49 changed files with 152 additions and 181 deletions

View File

@@ -2,7 +2,7 @@
<view class="create-service-order">
<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]">
<text class="font-size-18 font-[500] text-[#171717] text-left ml-[12px]">
{{ isCallSuccess ? "服务已创建" : "呼叫服务" }}
</text>
<image class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
@@ -10,23 +10,23 @@
<view v-if="!isCallSuccess" class="border-box p-[12px]">
<view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-[10px] font-size-14 text-[#171717] mb-[12px]">
<text class="font-500 leading-[22px] mr-[20px]">所在位置</text>
<text class="font-[500] leading-[22px] mr-[20px]">所在位置</text>
<input placeholder="请填写所在位置" v-model="roomId" />
</view>
<view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-[10px] font-size-14 text-[#171717] mb-[12px]">
<text class="font-500 leading-[22px] mr-[20px]">联系电话</text>
<text class="font-[500] leading-[22px] mr-[20px]">联系电话</text>
<input placeholder="请填写联系电话" v-model="contactPhone" @input="handleContactPhoneInput" />
</view>
<view class="bg-[#f5f7fa] p-[12px] rounded-[10px] font-size-14 font-500 text-[#171717] mb-[12px]">
<view class="font-500 leading-[22px] mb-[12px]">需求信息描述</view>
<textarea class="h-80" placeholder="请输入需求信息描述" placeholder-class="font-size-14 font-400" maxlength="100"
<view class="bg-[#f5f7fa] p-[12px] rounded-[10px] font-size-14 font-[500] text-[#171717] mb-[12px]">
<view class="font-[500] leading-[22px] mb-[12px]">需求信息描述</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-[10px] font-size-14 font-500 text-[#171717] mb-[12px]">
<view class="font-500 leading-[22px] mb-[12px]">照片上传</view>
<view class="bg-[#f5f7fa] p-[12px] rounded-[10px] font-size-14 font-[500] text-[#171717] mb-[12px]">
<view class="font-[500] leading-[22px] mb-[12px]">照片上传</view>
<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">

View File

@@ -10,11 +10,11 @@
<view class="rounded-[12px] bg-white ml-[12px] mr-[12px] mb-40">
<view
class="border-box border-bottom flex flex-items-center flex-justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
<text class="font-size-16 font-500 text-[#171717]">在线支付</text>
<text class="font-size-16 font-[500] text-[#171717]">在线支付</text>
<text class="font-size-14 text-[#171717]">239</text>
</view>
<view class="border-box flex flex-items-center flex-justify-between pt-[12px] pb-[12px] ml-[12px] mr-[12px]">
<text class="font-size-16 font-500 text-[#171717]">房费</text>
<text class="font-size-16 font-[500] text-[#171717]">房费</text>
<text class="font-size-14 text-[#171717]">239</text>
</view>
</view>

View File

@@ -2,7 +2,7 @@
<view class="create-service-order">
<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]">
<text class="font-size-18 font-[500] text-[#171717] text-left ml-[12px]">
{{ isCallSuccess ? "反馈已创建" : "反馈意见" }}
</text>
<image class="header-icon" src="https://oss.nianxx.cn/mp/static/version_101/home/feedback.png" />
@@ -10,12 +10,12 @@
<view v-if="!isCallSuccess" class="border-box p-[12px]">
<view class="bg-[#f5f7fa] flex flex-items-center p-[12px] rounded-[10px] font-size-14 text-[#171717] mb-[12px]">
<text class="font-500 leading-[22px] mr-[20px]">联系电话</text>
<text class="font-[500] leading-[22px] mr-[20px]">联系电话</text>
<input placeholder="请填写联系电话" v-model="contactPhone" />
</view>
<view class="bg-[#f5f7fa] p-[12px] rounded-[10px] font-size-14 font-500 text-[#171717] mb-[12px]">
<view class="font-500 leading-[22px] mb-[12px]">意见内容</view>
<textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="font-size-14 font-400" maxlength="100"
<view class="bg-[#f5f7fa] p-[12px] rounded-[10px] font-size-14 font-[500] text-[#171717] mb-[12px]">
<view class="font-[500] leading-[22px] mb-[12px]">意见内容</view>
<textarea class="h-80" placeholder="请输入反馈意见" placeholder-class="font-size-14 font-[400]" maxlength="100"
v-model="contactText" />
</view>
@@ -33,7 +33,7 @@
<view class="footer-help flex flex-items-center pl-[12px] mb-[12px]">
<image class="help-icon mr-[4px]" src="./images/icon_volume.png" />
<text class="font-size-12 font-500 text-[#fa7319] ">
<text class="font-size-12 font-[500] text-[#fa7319] ">
{{ appName }}收到您的意见将第一时间为您处理!
</text>
</view>

View File

@@ -12,7 +12,7 @@
<uni-icons fontFamily="znicons" size="20" color="#333">
{{ zniconsMap["zn-refund"] }}
</uni-icons>
<text class="font-size-14 font-600 text-[#171717] ml-[8px]">
<text class="font-size-14 font-[600] text-[#171717] ml-[8px]">
{{ refundTitle }}
</text>
</view>

View File

@@ -1,7 +1,7 @@
<template>
<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-[4px] mr-[4px]">
<text class="stepper-text text-center font-size-14 font-[500] text-[#000000] ml-[4px] mr-[4px]">
{{ value }} {{ unit }}
</text>
<uni-icons type="plus" size="24" color="#198CFF" @click="increase" />

View File

@@ -2,7 +2,7 @@
<view class="survey-questionnaire w-vw-24">
<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]">
<text class="font-size-18 font-[500] text-[#171717] text-left ml-[12px]">
调查问卷
</text>
<image class="w-102 h-72" :src="surveyData.logoUrl" mode="widthFix" />

View File

@@ -13,7 +13,7 @@
<!-- 底部价格 + 购买按钮 -->
<view class="card-footer p-[12px] flex flex-justify-between flex-items-center">
<view class="border-box">
<view class="font-size-14 font-500 text-[#333333] ellipsis-1">
<view class="font-size-14 font-[500] text-[#333333] ellipsis-1">
{{ card.commodityName }}
</view>
<view class="card-price-row text-[#333333]">

View File

@@ -16,7 +16,7 @@
`nav-bar-center--${titleAlign}`,
]">
<slot name="title">
<text class="font-size-17 font-500 text-[#000000]" :style="{ color: titleColor }">
<text class="font-size-17 font-[500] text-[#000000]" :style="{ color: titleColor }">
{{ title }}
</text>
</slot>

View File

@@ -1,6 +1,6 @@
<template>
<view class="bg-white rounded-[12px] overflow-hidden mb-[12px]">
<view class="border-box font-size-16 font-500 text-[#000000] leading-[24px] p-[12px]">使用日期</view>
<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>
<view class="date-list">
@@ -8,7 +8,7 @@
<view class="date-item" :class="{ selected: isSameDate(selectedDate, item.date) }"
@click="onDateClick(item)">
<view class="label font-size-12">{{ item.weekDesc }}</view>
<view class="md font-size-16 font-600">{{
<view class="md font-size-16 font-[600]">{{
formatMD(item.date)
}}</view>
<view class="status font-size-12">{{ item.canOrder }}</view>

View File

@@ -2,7 +2,7 @@
<!-- 选择数量 -->
<view class="border-box bg-white p-[12px] rounded-[12px] flex flex-items-center mb-[12px]">
<view class="flex-full">
<view class="font-size-16 font-500 text-[#000000] leading-[24px]">选择数量</view>
<view class="font-size-16 font-[500] text-[#000000] leading-[24px]">选择数量</view>
<view class="font-size-12 text-[#a3a3a3] leading-[16px]">
请选择套餐数量
</view>
@@ -18,9 +18,9 @@
<!-- 联系方式 -->
<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="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-[12px]"> 联系人姓名 </view>
<view class="font-size-14 font-[500] text-[#525866] mr-[12px]"> 联系人姓名 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 text-[#000000] leading-[20px]"
v-model.trim="userFormList[0].visitorName" placeholder="请输入联系人" maxlength="20" />
@@ -28,7 +28,7 @@
</view>
<view class="flex flex-items-center p-[12px]">
<view class="font-size-14 font-500 text-[#525866] mr-[12px]"> 手机号码 </view>
<view class="font-size-14 font-[500] text-[#525866] mr-[12px]"> 手机号码 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 text-[#000000] leading-[20px]"
v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" />

View File

@@ -9,7 +9,7 @@
</view> -->
<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>
<text class="font-size-16 font-[500] text-white">立即支付</text>
</view>
</view>
</template>

View File

@@ -1,7 +1,7 @@
<template>
<view class="bg-white rounded-[12px] overflow-hidden mb-[12px]">
<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="font-size-16 font-[500] text-[#000000] leading-[24px] flex-full">入住信息</view>
<view class="right">
<Stepper v-model="count" unit="间" />
</view>
@@ -10,7 +10,7 @@
<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="font-size-14 font-500 text-[#525866] mr-[12px]"> 住客姓名 </view>
<view class="font-size-14 font-[500] text-[#525866] mr-[12px]"> 住客姓名 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 text-[#000000] leading-[20px]"
v-model.trim="item.visitorName" placeholder="请输入姓名" maxlength="11" />
@@ -18,7 +18,7 @@
</view>
<view class="flex flex-items-center pt-[12px] pb-[12px]">
<view class="font-size-14 font-500 text-[#525866] mr-[12px]"> 联系手机 </view>
<view class="font-size-14 font-[500] text-[#525866] mr-[12px]"> 联系手机 </view>
<view class="right">
<input class="border-box px-[4px] py-[2px] font-size-15 text-[#000000] leading-[20px]"
v-model.trim="userFormList[0].contactPhone" placeholder="请输入联系手机" maxlength="11" />

View File

@@ -13,7 +13,7 @@
<DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" :showBtn="true"
@click="navigateToDetail(orderData)" />
<view class="font-size-16 font-500 text-[#000000] leading-[24px] ellipsis-1">
<view class="font-size-16 font-[500] text-[#000000] leading-[24px] ellipsis-1">
{{ orderData.commodityName }}
</view>

View File

@@ -2,7 +2,7 @@
<view class="bg-white rounded-[12px] p-[12px] mb-[12px]">
<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">
<text class="font-size-16 text-[#171717] leading-[24px] font-[500]">
订单金额
</text>
<text class="amt font-size-18 font-bold text-[#ff3d60] ml-[4px]">

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-[10px] flex flex-items-center flex-justify-center font-size-14 font-500 text-[#525866] mr-[12px]"
class="left border-none bg-white rounded-[10px] flex flex-items-center flex-justify-center font-size-14 font-[500] text-[#525866] mr-[12px]"
@click="emit('refund', orderData)">
申请退款
</button>
<button :class="[
'right border-none rounded-[10px] 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),

View File

@@ -3,7 +3,7 @@
<!-- 酒店类型入住离店日期部分 -->
<DateRangeSection v-if="orderData.orderType == 0" :selectedDate="selectedDate" />
<view class="font-size-16 font-500 text-[#000000] leading-[24px] ellipsis-1">
<view class="font-size-16 font-[500] text-[#000000] leading-[24px] ellipsis-1">
{{ orderData.commodityName }}
</view>
@@ -21,7 +21,7 @@
</view>
<view v-if="orderType != 0" class="border-box bg-white p-[12px] rounded-[12px] mb-[12px]">
<view class="font-size-16 font-500 text-[#000000] leading-[24px] ellipsis-1 mb-[8px]">
<view class="font-size-16 font-[500] text-[#000000] leading-[24px] ellipsis-1 mb-[8px]">
{{ orderData.commodityName }}
</view>
@@ -31,7 +31,7 @@
</view>
<view v-if="orderData.orderStatus === '0'"
class="border-box border-top pt-[12px] font-size-14 font-500 text-[#171717] mt-[12px]">[电子凭证]直接验证使用</view>
class="border-box border-top pt-[12px] font-size-14 font-[500] text-[#171717] mt-[12px]">[电子凭证]直接验证使用</view>
</view>
</template>

View File

@@ -15,7 +15,7 @@
<view class="flex w-full flex-row flex-items-center flex-justify-between py-[4px]">
<view>
<view class="font-size-16 font-500 text-[#000000] leading-[24px] ellipsis-1">
<view class="font-size-16 font-[500] text-[#000000] leading-[24px] ellipsis-1">
{{ selectedVoucher.name }}
</view>
</view>

View File

@@ -1,5 +1,5 @@
<template>
<view class="border-box font-size-24 text-[#171717] leading-[32px] font-500 pt-[12px] pb-[12px]">
<view class="border-box font-size-24 text-[#171717] leading-[32px] font-[500] pt-[12px] pb-[12px]">
{{ currentStatusText }}
</view>
</template>

View File

@@ -1,6 +1,6 @@
<template>
<view class="bg-white rounded-[12px] px-[12px] pt-[12px] mb-[12px]">
<text class="font-size-16 text-[#171717] leading-[24px] font-500">
<text class="font-size-16 text-[#171717] leading-[24px] font-[500]">
核销凭证列表
</text>

View File

@@ -13,7 +13,7 @@
</view>
<view class="flex flex-items-center flex-justify-end">
<text class="amt font-size-18 font-500 font-family-misans-vf leading-[24px] text-[#ff3d60] mr-[4px]">
<text class="amt font-size-18 font-[500] font-family-misans-vf leading-[24px] text-[#ff3d60] mr-[4px]">
{{ item.specificationPrice }}
</text>
<text v-if="item.stockUnitLabel" class="font-size-12 leading-[16px] text-[#99a0ae]">

View File

@@ -12,7 +12,7 @@
</uni-icons>
<text :class="[
'font-size-16 font-500 text-[#525866] ',
'font-size-16 font-[500] text-[#525866] ',
activeIndex === index && 'tab-text-active',
]">
{{ item.iconTitle }}

View File

@@ -10,20 +10,20 @@
<view v-if="didSelectedTabItem && didSelectedTabItem.orderType == 0"
class="bg-white flex flex-items-center p-[12px]">
<view class="in flex flex-items-center">
<text class="font-size-11 font-500 text-[#99a0ae] mr-[4px]">入住</text>
<text class="font-size-14 font-500 text-[#171717]">
<text class="font-size-11 font-[500] text-[#99a0ae] mr-[4px]">入住</text>
<text class="font-size-14 font-[500] text-[#171717]">
{{ selectedDate.startDate }}
</text>
</view>
<!-- 几晚 -->
<text class="nights bg-[#e5e8ee] font-size-11 font-500 text-[#525866] rounded-[50px] ml-[8px] mr-[8px]">
<text class="nights bg-[#e5e8ee] font-size-11 font-[500] text-[#525866] rounded-[50px] ml-[8px] mr-[8px]">
{{ selectedDate.totalDays }}
</text>
<view class="out flex flex-items-center">
<text class="font-size-11 font-500 text-[#99a0ae] mr-[4px]">离店</text>
<text class="font-size-14 font-500 text-[#171717]">
<text class="font-size-11 font-[500] text-[#99a0ae] mr-[4px]">离店</text>
<text class="font-size-14 font-[500] text-[#171717]">
{{ selectedDate.endDate }}
</text>
</view>

View File

@@ -2,7 +2,7 @@
<view class="more-tips bg-white border-box">
<view class="font-size-0 whitespace-nowrap scroll-x">
<view class="more-tips-item inline-block mr-[8px]" v-for="(item, index) in guideWords" :key="index">
<text :class="['font-500 font-size-12 text-center', `color-${index}`]" @click="sendReply(item)">
<text :class="['font-[500] font-size-12 text-center', `color-${index}`]" @click="sendReply(item)">
{{ item }}
</text>
</view>

View File

@@ -12,7 +12,7 @@
:totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns" :displayWidth="spriteStyle.displayWidth"
:fps="16" />
<text v-show="show" :class="[
'font-size-14 font-500 text-[#171717] ml-[10px]',
'font-size-14 font-[500] text-[#171717] ml-[10px]',
{ 'text-animated': show },
]">
{{ config.name }}

View File

@@ -6,7 +6,7 @@ v
<SpriteAnimator :src="spriteStyle.ipLargeImage" :frameWidth="spriteStyle.frameWidth"
:frameHeight="spriteStyle.frameHeight" :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns"
:displayWidth="spriteStyle.displayWidth" :fps="16" />
<view class="welcome-text font-size-14 font-500 font-family-misans-vf text-[#171717] leading-[24px]">
<view class="welcome-text font-size-14 font-[500] font-family-misans-vf text-[#171717] leading-[24px]">
{{ welcomeContent }}
</view>
</view>

View File

@@ -4,14 +4,14 @@
:duration="duration" :indicator-dots="false" :vertical="true">
<swiper-item v-for="item in bannerList" :key="item.entityName">
<view class="swiper-item" @click="clickItem(item)">
<text class="text-color font-size-12 font-600">
<text class="text-color font-size-12 font-[600]">
{{ item.entityName }}
</text>
<view class="notice-footer">
<text class="text-color font-size-10 font-500">
<text class="text-color font-size-10 font-[500]">
发布时间{{ item.effectiveStartTime }}
</text>
<text class="text-color font-size-10 font-500 underline-text">
<text class="text-color font-size-10 font-[500] underline-text">
详情
</text>
</view>
@@ -23,7 +23,7 @@
<view v-else-if="props.tipsMessage">
<view class="noMessage">
<text class="noMessage-text text-color font-size-12 font-600">
<text class="noMessage-text text-color font-size-12 font-[600]">
{{ props.tipsMessage }}
</text>
</view>

View File

@@ -5,7 +5,7 @@
<view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="lookDetailAction">
<view v-if="tag" class="long-answer-tag" :style="longAnswerTagStyle">{{ tag }}</view>
<view v-if="title" class="flex flex-row flex-items-start flex-justify-start mb-[4px]">
<text class="font-size-16 font-600 text-[#0B5C2D]"> {{ title }}</text>
<text class="font-size-16 font-[600] text-[#0B5C2D]"> {{ title }}</text>
</view>
<!-- 文字内容根据数据模式限制预览行数 -->
<view v-if="processedContent" class="answer-content font-size-12 font-color-600" :style="answerContentStyle">
@@ -13,11 +13,11 @@
</view>
<!-- 超过2行时显示...提示 -->
<view v-if="!finish" class="flex flex-row flex-items-center mt-[8px]">
<text class="font-size-12 font-500 font-color-600">正在生成</text>
<text class="font-size-12 font-[500] font-color-600">正在生成</text>
<ChatLoading />
</view>
<view v-if="isOverflow" class="flex flex-row flex-items-center flex-justify-between mt-[12px]">
<text class="font-size-12 font-800 text-[#cbd5e1] mr-[4px]">查看完整{{ tag }}</text>
<text class="font-size-12 font-bold text-[#cbd5e1] mr-[4px]">查看完整{{ tag }}</text>
<uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
</view>

View File

@@ -2,7 +2,7 @@
<uni-popup ref="popup" type="center" :safe-area="false">
<view class="popup-content bg-white mx-[24px] 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>
<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" />
</view>

View File

@@ -4,32 +4,32 @@
<view class="facility-location-card__body px-[24px] pb-[24px]">
<view class="facility-location-card__title-row flex flex-items-center">
<view class="facility-location-card__badge text-[#2563eb] bg-[#eff6ff] font-size-12 font-900">
<view class="facility-location-card__badge text-[#2563eb] bg-[#eff6ff] font-size-12 font-bold">
{{ type.text }}
</view>
<view class="facility-location-card__title text-[#1e293b] font-size-18 font-900 ellipsis-1">
<view class="facility-location-card__title text-[#1e293b] font-size-18 font-bold ellipsis-1">
{{ data.title }}
</view>
</view>
<view class="facility-location-card__distance flex flex-items-center text-[#94a3b8] font-size-14 font-900">
<view class="facility-location-card__distance flex flex-items-center text-[#94a3b8] font-size-14 font-bold">
<text class="facility-location-card__distance-icon">{{ distance.icon }}</text>
<text>{{ distance.text }}</text>
</view>
<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">
class="facility-location-card__location-label flex flex-items-center text-[#64748b] font-size-13 font-bold">
<text class="facility-location-card__location-dot">{{ location.icon }}</text>
<text>{{ location.label }}</text>
</view>
<view class="facility-location-card__location-text text-[#1e293b] font-size-16 font-900">
<view class="facility-location-card__location-text text-[#1e293b] font-size-16 font-bold">
{{ location.text }}
</view>
</view>
<view
class="facility-location-card__button flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-18 font-900"
class="facility-location-card__button flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-18 font-bold"
:class="{ 'is-disabled': disabled }" @click="handleAction">
<text class="facility-location-card__button-icon">{{ action.icon }}</text>
<text>{{ action.text }}</text>

View File

@@ -1,10 +1,10 @@
<template>
<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">
<view class="faq-help-card__icon flex flex-items-center flex-justify-center rounded-full font-size-16 font-bold">
{{ data.icon }}
</view>
<view class="faq-help-card__title text-[#1e293b] font-size-20 font-900">
<view class="faq-help-card__title text-[#1e293b] font-size-20 font-bold">
{{ data.title }}
</view>
</view>
@@ -14,7 +14,7 @@
<view class="faq-help-card__list">
<view v-for="item in questions" :key="item.id || item.text" class="faq-help-card__item flex flex-items-center"
:class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
<view class="faq-help-card__question text-[#475569] font-size-18 font-900 ellipsis-1 flex-full">
<view class="faq-help-card__question text-[#475569] font-size-18 font-bold ellipsis-1 flex-full">
{{ item.text }}
</view>
<uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>

View File

@@ -14,14 +14,14 @@
<image class="g_title mt-[20px]" :src="componentDataMap.title" />
<text class="font-size-14 font-400 text-white my-[12px] text-center">
<text class="font-size-14 font-[400] text-white my-[12px] text-center">
{{ componentDataMap.description }}
</text>
<view class="w-full px-[12px] pb-[8px] flex flex-row" @click="jumpClick">
<view class="btn-bg w-full p-[4px] rounded-[24px] flex flex-row">
<view
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">
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-bold">
{{ componentDataMap.buttonName }}
</view>
</view>

View File

@@ -4,17 +4,17 @@
<view v-for="item in cards" :key="item.id"
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}`">
<view class="long-text-guide-card__badge font-size-12 font-bold" :class="`is-${item.badgeTone}`">
{{ item.badge }}
</view>
<view class="long-text-guide-card__summary-title text-[#1e293b] font-size-18 font-900">
<view class="long-text-guide-card__summary-title text-[#1e293b] font-size-18 font-bold">
{{ item.title }}
</view>
<view class="long-text-guide-card__summary-text text-[#94a3b8] font-size-14 font-500 ellipsis-2">
<view class="long-text-guide-card__summary-text text-[#94a3b8] font-size-14 font-[500] ellipsis-2">
{{ item.summary }}
</view>
<view class="long-text-guide-card__summary-footer flex flex-items-center flex-justify-between">
<text class="text-[#cbd5e1] font-size-12 font-800">{{ item.footer }}</text>
<text class="text-[#cbd5e1] font-size-12 font-bold">{{ item.footer }}</text>
<uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
</view>
</view>
@@ -22,14 +22,14 @@
<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"
<view class="long-text-guide-card__back flex flex-items-center flex-justify-center rounded-full font-bold"
@click="closeDetail">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</view>
<view class="long-text-guide-card__detail-title text-[#1e293b] font-size-18 font-900 ellipsis-1">
<view class="long-text-guide-card__detail-title text-[#1e293b] font-size-18 font-bold ellipsis-1">
{{ activeItem.title }}
</view>
<view class="long-text-guide-card__badge long-text-guide-card__detail-badge font-size-12 font-900"
<view class="long-text-guide-card__badge long-text-guide-card__detail-badge font-size-12 font-bold"
:class="`is-${activeItem.badgeTone}`">
{{ activeItem.badge }}
</view>
@@ -37,10 +37,10 @@
<view class="long-text-guide-card__rich-body">
<view v-for="(paragraph, paragraphIndex) in paragraphsBeforeImage" :key="`before-${paragraphIndex}`"
class="long-text-guide-card__paragraph text-[#475569] font-size-15 font-500">
class="long-text-guide-card__paragraph text-[#475569] font-size-15 font-[500]">
<template v-for="(segment, segmentIndex) in getSegments(paragraph)"
:key="`${paragraphIndex}-${segmentIndex}`">
<text v-if="segment.highlight" class="long-text-guide-card__highlight font-800">
<text v-if="segment.highlight" class="long-text-guide-card__highlight font-bold">
{{ segment.text }}
</text>
<text v-else>{{ segment.text }}</text>
@@ -50,21 +50,21 @@
<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">
<view class="long-text-guide-card__section-title text-[#1e293b] font-size-16 font-bold">
{{ activeItem.sectionTitle }}
</view>
<view class="long-text-guide-card__tip-block bg-[#ecfdf5]">
<view v-for="(tip, index) in activeItem.tips || []" :key="tip"
class="long-text-guide-card__tip text-[#047857] font-size-14 font-800">
class="long-text-guide-card__tip text-[#047857] font-size-14 font-bold">
{{ index + 1 }} {{ tip }}
</view>
</view>
<view v-for="(paragraph, paragraphIndex) in paragraphsAfterTips" :key="`after-${paragraphIndex}`"
class="long-text-guide-card__paragraph text-[#475569] font-size-15 font-500">
class="long-text-guide-card__paragraph text-[#475569] font-size-15 font-[500]">
<template v-for="(segment, segmentIndex) in getSegments(paragraph)"
:key="`${paragraphIndex}-${segmentIndex}`">
<text v-if="segment.highlight" class="long-text-guide-card__highlight font-800">
<text v-if="segment.highlight" class="long-text-guide-card__highlight font-bold">
{{ segment.text }}
</text>
<text v-else>{{ segment.text }}</text>
@@ -73,23 +73,23 @@
</view>
<view v-if="activeItem.action?.type === 'map'" class="long-text-guide-card__action-zone">
<view class="long-text-guide-card__action-label text-[#94a3b8] font-size-11 font-800">
<view class="long-text-guide-card__action-label text-[#94a3b8] font-size-11 font-bold">
{{ activeItem.action.label }}
</view>
<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" />
<view class="long-text-guide-card__map-tag text-white font-size-10 font-900">
<view class="long-text-guide-card__map-tag text-white font-size-10 font-bold">
{{ activeItem.action.tag }}
</view>
</view>
<view class="long-text-guide-card__map-bar flex flex-items-center bg-white">
<view class="flex-full">
<view class="text-[#1e293b] font-size-15 font-900">{{ activeItem.action.title }}</view>
<view class="text-[#94a3b8] font-size-12 font-800 mt-[2px]">{{ activeItem.action.subtitle }}</view>
<view class="text-[#1e293b] font-size-15 font-bold">{{ activeItem.action.title }}</view>
<view class="text-[#94a3b8] font-size-12 font-bold mt-[2px]">{{ activeItem.action.subtitle }}</view>
</view>
<view class="long-text-guide-card__nav-btn text-white bg-[#0f172a] font-size-14 font-900"
<view class="long-text-guide-card__nav-btn text-white bg-[#0f172a] font-size-14 font-bold"
@click="handleAction(activeItem)">
{{ activeItem.action.buttonText }}
</view>
@@ -98,14 +98,14 @@
</view>
<view v-else-if="activeItem.action?.type === 'image'" class="long-text-guide-card__action-zone">
<view class="long-text-guide-card__action-label text-[#94a3b8] font-size-11 font-800">
<view class="long-text-guide-card__action-label text-[#94a3b8] font-size-11 font-bold">
{{ activeItem.action.label }}
</view>
<view class="long-text-guide-card__photo-card relative" @click="handleAction(activeItem)">
<image class="long-text-guide-card__photo-image w-full block" :src="activeItem.action.image"
mode="aspectFill" />
<view
class="long-text-guide-card__expand flex flex-items-center flex-justify-center rounded-full text-white font-size-18 font-900">
class="long-text-guide-card__expand flex flex-items-center flex-justify-center rounded-full text-white font-size-18 font-bold">
</view>
</view>

View File

@@ -4,18 +4,18 @@
<view class="w-vw"></view>
<view class="flex flex-col px-[16px] pt-[16px] pb-[12px] border-box" @click="openDetail(item)">
<view class="long-text-guide-card__badge font-size-12 font-900" :class="`is-${item.badgeTone}`">
<view class="long-text-guide-card__badge font-size-12 font-bold" :class="`is-${item.badgeTone}`">
{{ item.badge }}
</view>
<view class="long-text-guide-card__summary-title text-[#1e293b] font-size-18 font-900">
<view class="long-text-guide-card__summary-title text-[#1e293b] font-size-18 font-bold">
{{ item.title }}
</view>
<view class="long-text-guide-card__summary-text text-[#94a3b8] font-size-14 font-500 ellipsis-2">
<view class="long-text-guide-card__summary-text text-[#94a3b8] font-size-14 font-[500] ellipsis-2">
{{ item.summary }}
</view>
<view class="long-text-guide-card__summary-footer flex flex-items-center flex-justify-between">
<text class="text-[#cbd5e1] font-size-12 font-800">{{ item.footer }}</text>
<text class="text-[#cbd5e1] font-size-12 font-bold">{{ item.footer }}</text>
<uni-icons type="right" size="16" color="#CBD5E1"></uni-icons>
</view>

View File

@@ -2,7 +2,7 @@
<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">
<view class="map-navigation-card__badge flex flex-items-center text-white font-size-12 font-bold">
<text class="map-navigation-card__badge-icon">{{ badge.icon }}</text>
<text>{{ badge.text }}</text>
</view>
@@ -10,15 +10,15 @@
<view class="map-navigation-card__content flex flex-items-center">
<view class="map-navigation-card__info flex-full">
<view class="map-navigation-card__title text-[#1e293b] font-size-18 font-900 ellipsis-1">
<view class="map-navigation-card__title text-[#1e293b] font-size-18 font-bold ellipsis-1">
{{ data.title }}
</view>
<view class="map-navigation-card__distance text-[#94a3b8] font-size-14 font-900 ellipsis-1">
<view class="map-navigation-card__distance text-[#94a3b8] font-size-14 font-bold ellipsis-1">
{{ data.distance }}
</view>
</view>
<view
class="map-navigation-card__button flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-18 font-900"
class="map-navigation-card__button flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-18 font-bold"
:class="{ 'is-disabled': disabled }" @click="handleAction">
<text class="map-navigation-card__button-icon">{{ action.icon }}</text>
<text>{{ action.text }}</text>

View File

@@ -2,7 +2,7 @@
<uni-popup ref="popup" type="bottom" :safe-area="false">
<view class="popup-content pt-[12px] pl-[12px] pr-[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>
<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" />
</view>
@@ -11,7 +11,7 @@
<view class="flex flex-items-center flex-justify-center">
<image v-if="item.icon" class="left" :src="item.icon" />
<view class="center flex-full">
<view class="font-size-16 text-[#000000] leading-[24px] font-500">
<view class="font-size-16 text-[#000000] leading-[24px] font-[500]">
{{ item.title }}
</view>
<view class="font-size-12 text-[#a3a3a3] leading-[16px]">

View File

@@ -1,17 +1,17 @@
<template>
<view class="notice-card 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">
<view class="notice-card__summary-title text-[#b45309] font-size-16 font-bold">
{{ summary.title }}
</view>
<view class="notice-card__summary-content text-[#d97706] font-size-14 font-900">
<view class="notice-card__summary-content text-[#d97706] font-size-14 font-bold">
{{ summary.content }}
</view>
<view class="notice-card__summary-footer flex flex-items-center flex-justify-between">
<view class="notice-card__summary-time text-[#d97706] font-size-12 font-900">
<view class="notice-card__summary-time text-[#d97706] font-size-12 font-bold">
{{ summary.publishTime }}
</view>
<view class="notice-card__summary-link text-[#b45309] font-size-14 font-900"
<view class="notice-card__summary-link text-[#b45309] font-size-14 font-bold"
:class="{ 'is-disabled': disabled }" @click="openDetail">
{{ summary.actionText }}
</view>
@@ -24,7 +24,7 @@
@click="closeDetail">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</view>
<view class="notice-card__head-title text-[#1e293b] font-size-18 font-900">
<view class="notice-card__head-title text-[#1e293b] font-size-18 font-bold">
{{ detail.navTitle }}
</view>
</view>
@@ -32,16 +32,16 @@
<image class="notice-card__image block w-full" :src="detail.image" mode="aspectFill" />
<view class="notice-card__detail-body">
<view class="notice-card__detail-title text-[#1e293b] font-size-20 font-900">
<view class="notice-card__detail-title text-[#1e293b] font-size-20 font-bold">
{{ detail.title }}
</view>
<view class="notice-card__time-pill flex flex-items-center bg-[#f8fafc] text-[#475569] font-size-13 font-900">
<view class="notice-card__time-pill flex flex-items-center bg-[#f8fafc] text-[#475569] font-size-13 font-bold">
<text class="notice-card__time-icon">{{ detail.timeIcon }}</text>
<text>{{ detail.publishTime }}</text>
</view>
<view class="notice-card__divider"></view>
<view v-for="paragraph in paragraphs" :key="paragraph.id"
class="notice-card__paragraph text-[#475569] font-size-14 font-800">
class="notice-card__paragraph text-[#475569] font-size-14 font-bold">
<text v-for="segment in paragraph.segments" :key="segment.text"
:class="{ 'notice-card__strong': segment.strong }">
{{ segment.text }}

View File

@@ -5,7 +5,7 @@
<view class="poi-compare-card__mark flex flex-items-center flex-justify-center rounded-full flex-shrink-0">
{{ data.icon }}
</view>
<view class="poi-compare-card__title text-[#1e293b] font-size-18 font-900 ellipsis-1 flex-full">
<view class="poi-compare-card__title text-[#1e293b] font-size-18 font-bold ellipsis-1 flex-full">
{{ data.title }}
</view>
</view>
@@ -15,14 +15,14 @@
:class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
<image class="poi-compare-card__image block w-full" :src="item.image" mode="aspectFill" />
<view v-for="field in item.fields" :key="field.label" class="poi-compare-card__field">
<view class="poi-compare-card__field-label text-[#94a3b8] font-size-12 font-800">
<view class="poi-compare-card__field-label text-[#94a3b8] font-size-12 font-bold">
{{ field.label }}
</view>
<view v-if="field.tone" class="poi-compare-card__chip font-size-12 font-900"
<view v-if="field.tone" class="poi-compare-card__chip font-size-12 font-bold"
:class="getToneClass(field.tone)">
{{ field.value }}
</view>
<view v-else class="poi-compare-card__field-value text-[#1e293b] font-size-14 font-900">
<view v-else class="poi-compare-card__field-value text-[#1e293b] font-size-14 font-bold">
{{ field.value }}
</view>
</view>
@@ -30,7 +30,7 @@
</view>
<view
class="poi-compare-card__primary flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-15 font-900"
class="poi-compare-card__primary flex flex-items-center flex-justify-center bg-[#0f172a] text-white font-size-15 font-bold"
:class="{ 'is-disabled': disabled }" @click="openDetail">
{{ data.detailButtonText }}
</view>
@@ -42,10 +42,10 @@
@click="closeDetail">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</view>
<view class="poi-compare-card__detail-title text-[#1e293b] font-size-20 font-900 flex-full">
<view class="poi-compare-card__detail-title text-[#1e293b] font-size-20 font-bold flex-full">
{{ detail.title }}
</view>
<view class="poi-compare-card__compare-label text-[#94a3b8] font-size-12 font-900">
<view class="poi-compare-card__compare-label text-[#94a3b8] font-size-12 font-bold">
{{ detail.compareLabel }}
</view>
</view>
@@ -54,30 +54,30 @@
<view class="poi-compare-card__table-head poi-compare-card__table-row">
<view></view>
<view v-for="item in items" :key="item.id || item.name"
class="poi-compare-card__table-title text-[#1e293b] font-size-14 font-900">
class="poi-compare-card__table-title text-[#1e293b] font-size-14 font-bold">
{{ item.name }}
</view>
</view>
<view v-for="row in detail.rows" :key="row.label"
class="poi-compare-card__table-row poi-compare-card__data-row">
<view class="poi-compare-card__row-label text-[#94a3b8] font-size-12 font-900">
<view class="poi-compare-card__row-label text-[#94a3b8] font-size-12 font-bold">
{{ row.label }}
</view>
<view v-for="cell in row.values" :key="row.label + '-' + cell.text"
class="poi-compare-card__cell text-[#1e293b] font-size-14 font-900" :class="getCellClass(cell.tone)">
class="poi-compare-card__cell text-[#1e293b] font-size-14 font-bold" :class="getCellClass(cell.tone)">
{{ cell.text }}
</view>
</view>
</view>
<view class="poi-compare-card__recommend">
<view class="poi-compare-card__recommend-title text-[#94a3b8] font-size-12 font-900">
<view class="poi-compare-card__recommend-title text-[#94a3b8] font-size-12 font-bold">
{{ detail.recommendTitle }}
</view>
<view class="poi-compare-card__tips">
<view v-for="tip in detail.tips" :key="tip.text" class="poi-compare-card__tip flex gap-[10px]">
<view class="poi-compare-card__dot rounded-full flex-shrink-0" :class="getDotClass(tip.tone)" />
<view class="poi-compare-card__tip-text text-[#334155] font-size-14 font-900">
<view class="poi-compare-card__tip-text text-[#334155] font-size-14 font-bold">
{{ tip.text }}
</view>
</view>
@@ -86,7 +86,7 @@
<view class="poi-compare-card__actions grid grid-cols-2 gap-14">
<view v-for="action in detail.actions" :key="action.id || action.text"
class="poi-compare-card__action flex flex-items-center flex-justify-center font-size-15 font-900"
class="poi-compare-card__action flex flex-items-center flex-justify-center font-size-15 font-bold"
:class="[action.primary ? 'poi-compare-card__action--primary bg-[#0f172a] text-white' : 'poi-compare-card__action--secondary text-[#334155]', { 'is-disabled': disabled }]"
@click="handleAction(action)">
<text class="poi-compare-card__action-icon">{{ action.icon }}</text>

View File

@@ -2,26 +2,26 @@
<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-[18px]" :src="data.image" mode="aspectFill" />
<view class="poi-detail-card__badge flex flex-items-center gap-[4px] font-size-10 font-900">
<view class="poi-detail-card__badge flex flex-items-center gap-[4px] font-size-10 font-bold">
<text class="poi-detail-card__badge-icon"></text>
<text>{{ data.badge?.text }}</text>
</view>
</view>
<view class="poi-detail-card__body">
<view class="poi-detail-card__title text-[#1e293b] font-size-24 font-900">
<view class="poi-detail-card__title text-[#1e293b] font-size-24 font-bold">
{{ data.title }}
</view>
<view class="poi-detail-card__tip flex flex-items-center gap-[10px]">
<view class="poi-detail-card__spark text-[#047857] font-size-18 font-900"></view>
<view class="poi-detail-card__tip-text text-[#047857] font-size-14 font-800">
<view class="poi-detail-card__spark text-[#047857] font-size-18 font-bold"></view>
<view class="poi-detail-card__tip-text text-[#047857] font-size-14 font-bold">
{{ data.tip?.text }}
</view>
</view>
<view
class="poi-detail-card__button flex flex-items-center flex-justify-center gap-[8px] text-white bg-[#0f172a] font-size-16 font-900"
class="poi-detail-card__button flex flex-items-center flex-justify-center gap-[8px] text-white bg-[#0f172a] font-size-16 font-bold"
:class="{ 'is-disabled': disabled }" @click="handleAction">
<text class="poi-detail-card__button-icon"></text>
<text>{{ data.action?.text }}</text>

View File

@@ -7,16 +7,16 @@
: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]">
<view class="recommendation-list-card__name text-[#1e293b] font-size-18 font-900 ellipsis-1">
<view class="recommendation-list-card__name text-[#1e293b] font-size-18 font-bold ellipsis-1">
{{ item.title }}
</view>
<view
class="recommendation-list-card__distance flex flex-items-center gap-[4px] mt-[4px] text-[#94a3b8] font-size-12 font-800">
class="recommendation-list-card__distance flex flex-items-center gap-[4px] mt-[4px] text-[#94a3b8] font-size-12 font-bold">
<text class="recommendation-list-card__pin"></text>
<text>{{ item.distance }}</text>
</view>
<view
class="recommendation-list-card__button flex flex-items-center flex-justify-center mt-[12px] text-[#334155] font-size-12 font-900"
class="recommendation-list-card__button flex flex-items-center flex-justify-center mt-[12px] text-[#334155] font-size-12 font-bold"
@click.stop="handleSelect(item)">
{{ getActionText(item) }}
</view>

View File

@@ -5,11 +5,11 @@
: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">
<view class="route-plan-card__title text-[#1e293b] font-size-18 font-900 ellipsis-1">
<view class="route-plan-card__title text-[#1e293b] font-size-18 font-bold ellipsis-1">
{{ data.title }}
</view>
<view class="route-plan-card__tags flex flex-items-center">
<view v-for="tag in summaryTags" :key="tag.id || tag.text" class="route-plan-card__tag font-size-12 font-900"
<view v-for="tag in summaryTags" :key="tag.id || tag.text" class="route-plan-card__tag font-size-12 font-bold"
:class="getTagClass(tag.tone)">
{{ tag.text }}
</view>
@@ -26,10 +26,10 @@
@click="closeDetail">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</view>
<view class="route-plan-card__detail-title text-[#1e293b] font-size-18 font-900 ellipsis-1 flex-full">
<view class="route-plan-card__detail-title text-[#1e293b] font-size-18 font-bold ellipsis-1 flex-full">
{{ data.title }}
</view>
<view class="route-plan-card__detail-badge text-[#047857] bg-[#ecfdf5] font-size-12 font-900">
<view class="route-plan-card__detail-badge text-[#047857] bg-[#ecfdf5] font-size-12 font-bold">
{{ detail.badge }}
</view>
</view>
@@ -38,20 +38,20 @@
<template v-for="(node, index) in nodes" :key="node.id || node.title">
<view class="route-plan-card__node-wrap" :class="{ 'is-disabled': disabled }" @click="handleSelect(node)">
<view
class="route-plan-card__node-number flex flex-items-center flex-justify-center rounded-full text-[#047857] bg-[#ecfdf5] font-size-12 font-900">
class="route-plan-card__node-number flex flex-items-center flex-justify-center rounded-full text-[#047857] bg-[#ecfdf5] font-size-12 font-bold">
{{ index + 1 }}
</view>
<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">
<view class="route-plan-card__node-title text-[#1e293b] font-size-16 font-bold ellipsis-1">
{{ node.title }}
</view>
<view class="route-plan-card__node-desc text-[#94a3b8] font-size-12 font-800 ellipsis-1">
<view class="route-plan-card__node-desc text-[#94a3b8] font-size-12 font-bold ellipsis-1">
{{ node.description }}
</view>
<view v-if="node.tag"
class="route-plan-card__node-tag text-[#d97706] bg-[#fffbeb] font-size-12 font-900">
class="route-plan-card__node-tag text-[#d97706] bg-[#fffbeb] font-size-12 font-bold">
{{ node.tag }}
</view>
</view>
@@ -62,7 +62,7 @@
<view class="route-plan-card__connector-line"></view>
<view class="route-plan-card__connector-arrow"></view>
<view
class="route-plan-card__connector-chip flex flex-items-center bg-[#f8fafc] rounded-full text-[#64748b] font-size-12 font-900">
class="route-plan-card__connector-chip flex flex-items-center bg-[#f8fafc] rounded-full text-[#64748b] font-size-12 font-bold">
<text class="route-plan-card__connector-icon">{{ connectors[index].icon }}</text>
<text>{{ connectors[index].text }}</text>
</view>
@@ -71,11 +71,11 @@
</view>
<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">
<view class="route-plan-card__tips-title text-[#64748b] font-size-14 font-bold">
{{ detail.tipsTitle }}
</view>
<view v-for="tip in tips" :key="tip"
class="route-plan-card__tip flex flex-items-center text-[#334155] font-size-13 font-900">
class="route-plan-card__tip flex flex-items-center text-[#334155] font-size-13 font-bold">
<view class="route-plan-card__tip-dot rounded-full flex-shrink-0"></view>
<view>{{ tip }}</view>
</view>

View File

@@ -4,16 +4,16 @@
<image class="scenic-image-card__image block w-full" :src="data.image" mode="aspectFill" />
<view
class="scenic-image-card__expand flex flex-items-center flex-justify-center rounded-full text-white font-size-18 font-900"
class="scenic-image-card__expand flex flex-items-center flex-justify-center rounded-full text-white font-size-18 font-bold"
@click.stop="handleAction">
{{ action.icon }}
</view>
<view v-if="hasCaption" class="scenic-image-card__caption">
<view v-if="caption.title" class="scenic-image-card__title text-white font-size-18 font-900 ellipsis-1">
<view v-if="caption.title" class="scenic-image-card__title text-white font-size-18 font-bold ellipsis-1">
{{ caption.title }}
</view>
<view v-if="caption.subtitle" class="scenic-image-card__subtitle text-white font-size-14 font-900 ellipsis-1">
<view v-if="caption.subtitle" class="scenic-image-card__subtitle text-white font-size-14 font-bold ellipsis-1">
{{ caption.subtitle }}
</view>
</view>

View File

@@ -2,17 +2,17 @@
<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-[14px] 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-bold"
:class="toneClass">
<slot name="icon">{{ icon }}</slot>
</view>
<view class="visual-action-row__body flex-full">
<view class="visual-action-row__title text-[#1e293b] font-size-14 font-900 ellipsis-1">{{ title }}</view>
<view class="visual-action-row__title text-[#1e293b] font-size-14 font-bold ellipsis-1">{{ title }}</view>
<view v-if="subtitle" class="visual-action-row__subtitle ellipsis-1">
{{ subtitle }}
</view>
</view>
<view class="visual-action-row__arrow text-[#cbd5e1] font-700"></view>
<view class="visual-action-row__arrow text-[#cbd5e1] font-bold"></view>
</view>
</template>

View File

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

View File

@@ -1,11 +1,11 @@
<template>
<CardShell variant="detail">
<view class="visual-detail__header flex flex-items-center px-[16px] border-bottom-F1F5F9">
<view class="visual-detail__back mr-[8px] rounded-full bg-[#f8fafc] text-[#334155] font-900 text-center"
<view class="visual-detail__back mr-[8px] rounded-full bg-[#f8fafc] text-[#334155] font-bold text-center"
@click="$emit('back')">
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
</view>
<view class="visual-detail__title flex-full text-[#1e293b] font-size-14 font-900 ellipsis-1">{{ title }}</view>
<view class="visual-detail__title flex-full text-[#1e293b] font-size-14 font-bold ellipsis-1">{{ title }}</view>
<BadgePill v-if="tag" :label="tag" :tone="tone" />
</view>
<slot />

View File

@@ -9,7 +9,7 @@
<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">
<view class="w-full font-size-12 font-[600] text-[#171717] ellipsis-1">
{{ item.title }}
</view>
<view class="w-full font-size-9 text-[#94a3b8] ellipsis-1">

View File

@@ -2,7 +2,7 @@
<view class="bg-[#f5f7fa] flex flex-col h-screen overflow-hidden">
<TopNavBar title="房间相册" backgroundColor="transparent" />
<view class="p-[8px]">
<text class="ml-[4px] font-size-18 text-[#171717] font-500">全部({{ albumList.length }})</text>
<text class="ml-[4px] font-size-18 text-[#171717] font-[500]">全部({{ albumList.length }})</text>
</view>
<scroll-view scroll-y class="scroll-container overflow-auto">

View File

@@ -41,7 +41,7 @@
<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>
<text class="font-size-16 font-[500] text-white">立即预定</text>
</view>
</view>

View File

@@ -1,28 +0,0 @@
// 字体-weight
.font-bold {
font-weight: bold;
}
.font-400 {
font-weight: 400;
}
.font-500 {
font-weight: 500;
}
.font-600 {
font-weight: 600;
}
.font-700 {
font-weight: 700;
}
.font-800 {
font-weight: 800;
}
.font-900 {
font-weight: 900;
}

View File

@@ -2,7 +2,6 @@
@import "./border.scss";
@import "./display.scss";
@import "./flex.scss";
@import "./font-weight.scss";
@import "./height.scss";
@import "./font-size.scss";
@import "./font-family.scss";