style: replace legacy typography classes with modern utilities
Convert all legacy font-size-*, font-weight-*, and line-height-* CSS utility classes to modern inline utility formats (text-[Xpx], font-{weight}, leading-[Xpx]). Also remove unused GoodsInfo component SCSS file, its associated image asset, and clean up the stale style import in GoodsInfo.vue.
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="bg-white rounded-[12px] overflow-hidden mb-12">
|
||||
<div class="flex flex-items-center p-[12px] border-bottom">
|
||||
<div class="font-size-16 font-500 color-000 line-height-24 flex-full">
|
||||
<div class="text-[16px] font-medium color-000 leading-[24px] flex-full">
|
||||
入住信息
|
||||
</div>
|
||||
<div class="right">
|
||||
@@ -11,17 +11,17 @@
|
||||
|
||||
<div class=" pl-12 pr-12">
|
||||
<div class=" border-bottom pt-12 pb-12 flex flex-items-center" v-for="(item, index) in userFormList" :key="index">
|
||||
<div class="text-[14px] font-500 text-ink-600 mr-12">住客姓名</div>
|
||||
<div class="text-[14px] font-medium text-ink-600 mr-12">住客姓名</div>
|
||||
<div class="right">
|
||||
<input class=" px-4 py-2 font-size-15 color-000 leading-[20px]" v-model.trim="item.visitorName"
|
||||
<input class=" px-4 py-2 text-[15px] color-000 leading-[20px]" v-model.trim="item.visitorName"
|
||||
placeholder="请输入姓名" maxlength="11" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-items-center pt-12 pb-12">
|
||||
<div class="text-[14px] font-500 text-ink-600 mr-12">联系手机</div>
|
||||
<div class="text-[14px] font-medium text-ink-600 mr-12">联系手机</div>
|
||||
<div class="right">
|
||||
<input class=" px-4 py-2 font-size-15 color-000 leading-[20px]" v-model.trim="userFormList[0].contactPhone"
|
||||
<input class=" px-4 py-2 text-[15px] color-000 leading-[20px]" v-model.trim="userFormList[0].contactPhone"
|
||||
placeholder="请输入联系手机" maxlength="11" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user