<div class="page-header-main">
<mt-navbar v-model="selected">
<mt-tab-item id="1">首页</mt-tab-item>
<mt-tab-item id="2">联系我们</mt-tab-item>
</mt-navbar>
<!-- tab-container -->
<mt-tab-container fixed v-model="selected">
<mt-tab-container-item id="1" class="bg-white">
<mt-swipe :auto="4000">
<mt-swipe-item>
<img src="img/ad1.jpg" />
</mt-swipe-item>
<mt-swipe-item>
<img src="img/ad1.jpg" />
</mt-swipe-item>
<mt-swipe-item>
<img src="img/ad1.jpg" />
</mt-swipe-item>
</mt-swipe>
<div class="company-info">
市场前景广阔，小投入，大产出市场前景广阔，小投入，大产出市场前景广阔，小投入，大产出市场前景广阔，小投入，大产出市场前景广阔，小投入，大产出市场前景广阔，小投入，大产出市场前景广阔，小投入，大产出市场前景广阔，小投入，大产出市场前景广阔，小投入，大产出。
</div>
<div class="inquiry">
<mt-field label="姓名(*)" placeholder="必填" v-model="message.name"></mt-field>
<mt-field label="电话(*)" placeholder="必填" type="tel" v-model="message.mobile"></mt-field>
<mt-field label="内容(*)" placeholder="必填" type="textarea" rows="4" v-model="message.content"></mt-field>
</div>
<mt-button type="primary" size="large" @click="submit()">提交</mt-button>
</mt-tab-container-item>
这些其实就是语法糖的事了，其实就是使用js或者其他得东西进行了标签的封装，比如说html原生得有p标签等等h1标签能放大字体，大标题作用，那么在第三方框架当中它们封装了一些新的标签，比如
mt-tab-container这个可能就是一个组件而已，其实不一定只有app有啦。你这里是自定义的模版标签 v-model都有了 。。 这是一个现在很火的MVVM的前端框架 vue.js 你问的这个标签是这个框架里面的语法 一个自定义组件 是写这个组件的人自己命名的 没什么特殊含义。 具体的命名规则你有兴趣可以去这个插件的官网了解 https://cn.vuejs.org/v2/guide/ 。 望采纳
这个是前端开发框架Vue开发的，使用的UI组件库是mint-ui