123

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>

main.js

@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import App from './App'
-import Card from "componets/card.vue"
+
 
 Vue.config.productionTip = false
 

pages.json

@@ -13,6 +13,15 @@
 				"navigationBarTitleText": ""
 			}
 		}
+        ,{
+            "path" : "components/part",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",

pages/index/index.vue

@@ -41,7 +41,7 @@
 </template>
 
 <script>
-	import card from "../../componets/card.vue"
+	import card from "../../components/card.vue"
 	export default {
 		components: {
 			card

pages/index/student.vue

@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view class="begin">
 		<view class="title">
 			学习心得
 		</view>
@@ -7,7 +7,7 @@
 			activeColor="red"></uni-segmented-control>
 		<view class="content">
 			<view v-show="current === 0">
-				
+				<part class="student_part" :part_title="part_title" :part_content="part_content"></part>
 			</view>
 			<view v-show="current === 1">
 				选项卡2的内容
@@ -17,11 +17,17 @@
 </template>
 
 <script>
+	import part from "../../components/part.vue"
 	export default {
+		components:{
+			part
+		},
 		data() {
 			return {
 				current: 0,
 				value: ["学习感言", "学习历史"],
+				part_title:"山西省委常委交流集中学习心得和体会，坚...",
+				part_content:"8月18日，山西省委常委就集体学习《论群众路线》，《厉行节约、反对浪费》两本重要论述摘编，相互交流学习心..."
 			}
 		},
 		methods: {
@@ -35,9 +41,13 @@
 </script>
 
 <style >
+	.begin{
+		background-color: rgb(244,244,244);
+	}
 	.title{
 		font-size: 1.3rem;
 		font-weight: bold;
 		text-align: center;
 	}
+
 </style>