From 45faaf27722588e92050e2e3eace9b3704377048 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期六, 02 四月 2022 18:44:30 +0800
Subject: [PATCH] 首页接口
---
src/components/Price.vue | 71 +++++++++++++++++++++++++----------
1 files changed, 51 insertions(+), 20 deletions(-)
diff --git a/src/components/Price.vue b/src/components/Price.vue
index d11da29..9d641b5 100644
--- a/src/components/Price.vue
+++ b/src/components/Price.vue
@@ -1,9 +1,10 @@
<template>
- <div class="Price">
- 锟�<span class="newPrice">{{ priceNew1 }}</span
- >.00/骞�
- <span class="oldPrice">锟{ priceOld1 }}.00/骞�</span>
+ <div class="Price" v-if="priceNew">
+ 锟�<span class="newPrice">{{ priceN1 }}</span
+ >{{ priceN2 }}/骞�
+ <span class="iconSave" v-if="showIcon">鐪�</span>
+ <span class="oldPrice">锟{ priceO1 }}{{ priceO2 }}/骞�</span>
</div>
</template>
@@ -11,23 +12,35 @@
export default {
props: {
priceNew: {},
- priceOld: {},
+ showIcon: {
+ default: false,
+ },
},
- computed: {
- priceNew1() {
- if (this.priceNew) {
- return this.priceNew;
- } else {
- return 0;
- }
- },
- priceOld1() {
- if (this.priceOld) {
- return this.priceOld;
- } else {
- return this.priceNew1 * 2;
- }
- },
+ data() {
+ return {
+ priceN1: "",
+ priceN2: "",
+ priceO1: "",
+ priceO2: "",
+ };
+ },
+ created() {
+ const priceO = (this.priceNew * 1.2 + "").split(".");
+ const priceN = (this.priceNew + "").split(".");
+ if (priceN.length > 1) {
+ this.priceN1 = priceN[0];
+ this.priceN2 = "." + priceN[1];
+ } else {
+ this.priceN1 = priceN[0];
+ this.priceN2 = ".00";
+ }
+ if (priceO.length > 1) {
+ this.priceO1 = priceO[0];
+ this.priceO2 = "." + priceO[1];
+ } else {
+ this.priceO1 = priceO[0];
+ this.priceO2 = ".00";
+ }
},
};
</script>
@@ -37,6 +50,12 @@
margin: 0 20px 0 20px;
font-size: 14px;
text-align: left;
+
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1;
+ overflow: hidden;
+ text-overflow: ellipsis;
.newPrice {
font-size: 30px;
@@ -50,5 +69,17 @@
color: #999999;
text-decoration: line-through;
}
+
+ .iconSave {
+ display: inline-block;
+ width: 18px;
+ height: 18px;
+ font-size: 12px;
+ color: #fff;
+ line-height: 18px;
+ text-align: center;
+ background: #ff6000;
+ border-radius: 2px;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0