From e0e22b4b83498163661c0a51cd2ae471bf3b969b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?LAPTOP-D7TKRI82=5C=E9=82=93?= <52643018@qq.com>
Date: Wed, 25 Aug 2021 10:29:13 +0800
Subject: [PATCH] =?UTF-8?q?[=E4=BC=98=E5=8C=96]=20=E4=BB=B7=E6=A0=BC?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                          |  1 +
 common/styles/sharedIconFont.css | 22 ++++++++++++++++++++++
 components/lf-price/lf-price.vue | 30 +++++++++++++++++++++++++-----
 3 files changed, 48 insertions(+), 5 deletions(-)
 create mode 100644 common/styles/sharedIconFont.css

diff --git a/App.vue b/App.vue
index a09ff03..34e7766 100644
--- a/App.vue
+++ b/App.vue
@@ -119,6 +119,7 @@
 	@import "@/uview-ui/index.scss";
 	@import '@/common/styles/theme.css';
 	@import '@/common/styles/common.css';
+	@import '@/common/styles/sharedIconFont.css';
 	
 	//底部按钮
 	.btn-bottom {
diff --git a/common/styles/sharedIconFont.css b/common/styles/sharedIconFont.css
new file mode 100644
index 0000000..4347a6f
--- /dev/null
+++ b/common/styles/sharedIconFont.css
@@ -0,0 +1,22 @@
+@font-face {
+  font-family: "lf-iconfont"; /* Project id 2758976 */
+  src: url('//at.alicdn.com/t/font_2758976_9bezuvselm.woff2?t=1629452232587') format('woff2'),
+       url('//at.alicdn.com/t/font_2758976_9bezuvselm.woff?t=1629452232587') format('woff'),
+       url('//at.alicdn.com/t/font_2758976_9bezuvselm.ttf?t=1629452232587') format('truetype');
+}
+
+.lf-iconfont {
+  font-family: "lf-iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.lf-icon-shanchu:before {
+  content: "\e674";
+}
+
+.lf-icon-jia:before {
+  content: "\e715";
+}
diff --git a/components/lf-price/lf-price.vue b/components/lf-price/lf-price.vue
index 43050c3..49ca23a 100644
--- a/components/lf-price/lf-price.vue
+++ b/components/lf-price/lf-price.vue
@@ -1,11 +1,11 @@
 <template>
-	<view>
+	<view :style="{'--color': color}">
 		<block v-if="isPoint">
-			<text class="text-price lf-font-48 lf-font-bold lf-color-price">{{ showPrice(1) }}</text>
-			<text class="lf-font-28 lf-font-bold lf-color-price">.{{ showPrice(2) }}</text>
+			<text class="price-one text-price">{{ showPrice(1) }}</text>
+			<text class="price-two">.{{ showPrice(2) }}</text>
 		</block>
 		<block v-else>
-			<text class="text-price lf-font-48 lf-font-bold lf-color-price">{{ showPrice() }}</text>
+			<text class="price-one text-price">{{ showPrice() }}</text>
 		</block>
 	</view>
 </template>
@@ -16,6 +16,10 @@
 			price: {
 				type: [Number, String],
 				default: ''
+			},
+			color: {
+				type: String,
+				default: '#FF0000'
 			}
 		},
 		computed: {
@@ -42,5 +46,21 @@
 </script>
 
 <style lang="scss" scoped="scoped">
-	
+	.price-one{
+		font-size: 48rpx;
+		font-weight: bold;
+		color: var(--color);
+	}
+	.price-two{
+		font-size: 28rpx;
+		font-weight: bold;
+		color: var(--color);
+	}
+	.text-price::before {
+		content: "¥";
+		font-size: 28rpx!important;
+		margin-right: 4rpx;
+		font-weight: bold;
+		color: var(--color);
+	}
 </style>