157b4f7e22
Delete the src/static/scss/font-size.scss utility file, and replace all legacy `font-size-*` class usages across the codebase with inline `text-[numberpx]` styling to consolidate font size definitions and remove redundant utility code.
50 lines
1.4 KiB
Vue
50 lines
1.4 KiB
Vue
<template>
|
||
<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="text-[16px] text-[#171717] leading-[24px] font-[500]">
|
||
订单金额
|
||
</text>
|
||
<text class="amt text-[18px] font-bold text-[#ff3d60] ml-[4px]">
|
||
{{ orderData.payAmt }}
|
||
</text>
|
||
</view>
|
||
</view>
|
||
<view v-if="orderData.orderStatus === '0'" class="text-[11px] text-[#99a0ae] mt-[4px]">
|
||
超时后，订单将自动取消
|
||
</view>
|
||
<view v-if="['1', '2'].includes(orderData.orderStatus)"
|
||
class="border-box border-top flex flex-items-center flex-justify-between text-[12px] pt-[12px] mt-[12px]">
|
||
<view class="text-[#525866]">取消政策及说明</view>
|
||
<view class="flex flex-items-center" @click="emit('click')">
|
||
<text class="theme-color-500 mr-[4px]">查看详情</text>
|
||
<uni-icons type="right" size="12" color="#99A0AE" />
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { defineProps, defineEmits } from "vue";
|
||
|
||
const props = defineProps({
|
||
orderData: {
|
||
type: Object,
|
||
required: true,
|
||
default: () => ({}),
|
||
},
|
||
});
|
||
|
||
const emit = defineEmits(["click"]);
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.amt {
|
||
&::before {
|
||
content: "¥";
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
}
|
||
}
|
||
</style>
|