yj_vue3/src/views/YjCjms.vue

<template>
	<div class="cjms">
		 <Cjmsheader></Cjmsheader>
		 <Cjmsleftnav></Cjmsleftnav>
		 <Cjmsrightnav></Cjmsrightnav>
		 <Cjmsbtm :changeMainPic = changeMainPic></Cjmsbtm>
		 <Cjmscon ref="Cjmscon"></Cjmscon>
	</div>
</template>

<script>
import '../assets/iconfont/iconfont.css'
import Cjmsheader from '../components/Cjmsheader.vue'
import Cjmsleftnav from '../components/Cjmsleftnav.vue'
import Cjmsrightnav from '../components/Cjmsrightnav.vue'
import Cjmsbtm from '../components/Cjmsbtm.vue'
import Cjmscon from '../components/Cjmscon.vue'

export default {
  name: 'App',
  components: {
	  Cjmsheader,
	  Cjmsleftnav,
	  Cjmsrightnav,
	  Cjmsbtm,
	  Cjmscon
  },
	methods: {
  		changeMainPic(src){
			this.$refs.Cjmscon.changeMainPic(src);
		}
	}
}
</script>
<style>
	body{
		background: #0c2142;
	}
</style>