通用footer开发

来自CloudWiki
跳转至: 导航搜索

html编写

view/layout/footer.html:

<div class="footer">
	<div class="w">
		<div class="links">
			<a class="link" href="http://www.imooc.com" target="_blank">慕课网
			</a>|
			<a class="link" href="http://www.imooc.com" target="_blank">百度
			</a>|
			<a class="link" href="http://www.imooc.com" target="_blank">淘宝
			</a>|
			<a class="link" href="http://www.imooc.com" target="_blank">知乎
			</a>
		</div>
		<p class="copyright">
			Copyright © 2018 happymmall.com All Right Reserved
		</p>
	</div>
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

建立CSS文件

在page/common/下新建文件夹footer,然后建立文件index.css

然后common/index.js中引用:

  require('./footer/index.css');