feat:商品详情的样式调整
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user