【优化】客服订单卡片样式优化

This commit is contained in:
puhui999 2024-07-17 16:41:41 +08:00
parent 34542cae4b
commit 14cb120519
3 changed files with 2 additions and 2 deletions

View File

@ -10,7 +10,7 @@
: '' : ''
]" ]"
> >
<div :key="getMessageContent.id" class="order-list-card-box mt-14px"> <div :key="getMessageContent.id" class="order-list-card-box mt-14px max-w-70%">
<div class="order-card-header flex items-center justify-between p-x-20px"> <div class="order-card-header flex items-center justify-between p-x-20px">
<div class="order-no">订单号{{ getMessageContent.no }}</div> <div class="order-no">订单号{{ getMessageContent.no }}</div>
<div :class="formatOrderColor(getMessageContent)" class="order-state font-16"> <div :class="formatOrderColor(getMessageContent)" class="order-state font-16">

View File

@ -111,7 +111,6 @@ const skuString = computed(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.ss-order-card-warp { .ss-order-card-warp {
max-width: 60%;
padding: 20px; padding: 20px;
border-radius: 10px; border-radius: 10px;
background-color: #e2e2e2; background-color: #e2e2e2;

View File

@ -16,6 +16,7 @@
:skuText="getMessageContent.introduction" :skuText="getMessageContent.introduction"
:title="getMessageContent.spuName" :title="getMessageContent.spuName"
:titleWidth="400" :titleWidth="400"
class="max-w-70%"
priceColor="#FF3000" priceColor="#FF3000"
/> />
</div> </div>