<template> <div class="pageheader"> <div class="media"> <div class="pageicon pull-left"> <i class="fa fa-th-list"></i> </div> <div class="media-body" style="font-family: 'microsoft yahei'"> <ul class="breadcrumb"> <li><a href=""><i class="glyphicon glyphicon-home"></i></a></li> <li><a href="">{{moduleName}}</a></li> <li>{{pageName}}</li> </ul> <div style="margin-top: 4px"> <h4 v-if="subPageName" style="line-height: 30px;font-size: 24px">{{subPageName}}</h4> <h4 v-else style="line-height: 30px;font-size: 24px">{{pageName}}</h4> </div> </div> </div> </div> </template> <script> export default{ props:{ moduleName:{type:String, default:""}, pageName:{type:String, default:""}, subPageName:{type:String, default:""} } } </script>