Vue.component("MyHeader",{
	data(){
		return{
             imgUrl:'http://gudianxiaoshuo.com/js/logo.gif',
             gongzhonghaoUrl:'http://gudianxiaoshuo.com/js/gongzhonghao.jpg',
             toutiaohaoUrl:'http://gudianxiaoshuo.com/js/toutiaohao.png'
		}
	},
	template:`
	<div>
        <el-header   id='youshengHeader' height='160px'>
           <el-row>
          <el-col  :span='8'  align='middle'>
            <el-image
            style='width:110px;height:110px'
            :src='gongzhonghaoUrl'
            ></el-image>
            <el-image
            style='width:170px;height:110px'
            :src='imgUrl'
            ></el-image>
            <el-image
            style='width:110px;height:110px'
            :src='toutiaohaoUrl'
            ></el-image>
           </el-col>
            <el-col :span="8"  align="middle">
              <el-link type="primary" href="http://www.gudianxiaoshuo.com" target="_blank" style="line-height: 1.5;">本网站由有声小说软件自动生成，有声小说软件，只提供本地TXT等书籍阅读、听书、生成本地网站等技术功能，内容由用户自己整理，欢迎关注  今日头条号：古典小说  微信公众号：古典小说网  网站：www.gudianxiaoshuo.com </el-link>
            </el-col>
            <el-col :span="8"  align="middle">
             <el-link type="primary" href="http://www.2345.com/?kqq869321632" target="_blank">搜小说</el-link>
            </el-col>
          </el-row>
        </el-header>
	</div>
	
	`,
	props:["sonprop"],
	methods:{
	}
})