123

components/card.vue

@@ -0,0 +1,33 @@
+<template>
+	<view class="card">
+		<image :src="image_path" />
+		<p>{{value}}</p>
+	</view>
+</template>
+<script>
+	export default {
+		props: {
+			image_path: {
+				type: String,
+				default: ""
+			},
+			value: {
+				type: [String, Number],
+				default: ""
+			}
+		},
+		data() {
+			return {}
+		},
+		methods: {}
+	}
+</script>
+<style>
+	
+	.card image{
+		width: 100%;
+		margin-top: 1vh;
+		height: 9vh;
+		border: 1px black solid;
+	}
+</style>

components/part.vue

@@ -0,0 +1,41 @@
+<template>
+	<view>
+		<view class="part">
+			<p>{{part_title}}</p>
+			<p>{{part_content}}</p>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			part_title: {},
+			part_content: {}
+		},
+		data() {
+			return {}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style >
+	.part {
+		height: 12vh;
+		background-color: white;
+		border-radius: 15px;
+		padding: 10px;
+		background-color: #007AFF;
+	}
+
+	/* .part p:first-child{
+		font-size: 1.2rem;
+		background-color: green;
+	} */
+	/* .part p:nth-child(2){
+		background-color: green;
+	} */
+</style>