feat:商品详情的样式调整

This commit is contained in:
2025-09-11 21:23:27 +08:00
parent 9adba3efa3
commit 24206e8d79
8 changed files with 171 additions and 51 deletions

View File

@@ -8,20 +8,6 @@
<view class="tag-wrapper" v-if="goodsData.timeTag">
<view class="time-tag">{{ goodsData.timeTag || "随时可退" }}</view>
</view>
<!-- 日历ICON酒店订单显示 -->
<uni-icons
class="calender-icon"
v-if="isShowCalendar"
type="calendar"
size="24"
color="#00A6FF"
@click="showCalendar"
/>
</view>
<!-- 地址区域 -->
<view class="address-section">
<LocationCard :orderData="goodsData" />
</view>
<!-- 设施信息区域 -->
@@ -40,11 +26,7 @@
</template>
<script setup>
import { computed, defineProps, defineEmits } from "vue";
import LocationCard from "@/components/LocationCard/index.vue";
// 事件定义
const emits = defineEmits(["showCalendar"]);
import { computed, defineProps } from "vue";
// Props定义
const props = defineProps({
@@ -66,13 +48,6 @@ const facilitiesList = computed(() => {
return [];
});
// 日历弹窗
const showCalendar = () => emits("showCalendar");
// 是否显示日历按钮
const isShowCalendar = computed(() => {
return props.goodsData.commodityTypeCode === "0";
});
</script>
<style scoped lang="scss">

View File

@@ -36,24 +36,6 @@
}
}
// 地址区域
.address-section {
padding: 6px 0;
.address-item {
display: flex;
align-items: center;
gap: 6px;
.address-text {
flex: 1;
font-size: 14px;
color: #333;
line-height: 1.4;
}
}
}
// 设施信息区域
.facilities-section {
margin-top: 12px;