MiniPrograms/pages/home/home.vue

<template>
	<view class="home-container">
		<view class="bg1"></view>
		<!-- 头部区域 -->
		<top-box></top-box>
		<!-- 滚动条 -->
		<view class="notice">
			<u-notice-bar :text="notification" mode="closable" bgColor="#6495ED" color="#FFFFFF"></u-notice-bar>
		</view>
		<!-- 孩子全方位展示 -->
		<view class="develop-box">
				<view class="develop-item" v-for="(item, index) in model" :key="index">
					<view class="desc">{{item}}</view>
					<view class="icon-item">
						<view class="t-icon t-icon-jiaoyan"></view>
					</view>
				</view>
		</view>
		
		
		
	</view>
</template>

<script>
	import {mapState} from 'vuex'
	
	export default {
		data() {
			return {
				notification: '这里是滚动条的内容，显示重要通知等等消息',
				model: ['德','智','体','美','劳']
				
				
				
				
			}
		},
		
		computed:{
			...mapState('m_children',['childreninfo'])
		},

	
		onShow() {
			
		},
		
		methods: {
			
			
		},
	}
</script>

<style lang="scss">
	.home-container {
		height: 100%;
		.notice{
			margin: -80rpx 20rpx 20rpx 20rpx;
		}
		.develop-box{
			display: flex;
			
		}
		
	}
</style>