第一提交

components/PriceList/PriceList.vue

@@ -0,0 +1,67 @@
+<template>
+	<view class="flex  price-list padding-top-sm ">
+		<view class="flex-sub" v-for="(item,index) in price" :key="index" :class="index<price.length-1?'solid-right':''">
+			<view class="text-left" :class="item.name==='市场价'?'text-right':''">
+				<view class="text-center padding-sm">
+					<view class="strong   text-lg" :class="'text-'+item.color">
+						￥{{item.price|numberFliter}}
+					</view>
+
+					<view class="text-sm  padding-top-sm">
+						{{item.name}}
+					</view>
+				</view>
+			</view>
+
+		</view>
+		<view class="flex-sub">
+
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'PriceList',
+		props: {
+			price: {
+				type: Array,
+				default () {}
+			}
+		},
+		data() {
+			return {
+				isLast: true
+			}
+		},
+		filters: {
+			numberFliter(value) {
+				value = value - 1 + 1
+				if (value) {
+					return value.toFixed(2)
+				} else {
+					return '0.00'
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.oil-card-price {
+		max-width: 4rem;
+		margin: auto;
+	}
+
+	.free-money {
+		max-width: 3rem;
+		font-size: 12px;
+		color: #FE0505;
+		line-height: 12px;
+	}
+
+	.navigation {
+		position: absolute;
+		right: 16px;
+	}
+</style>