“通用footer开发”的版本间的差异

来自CloudWiki
跳转至: 导航搜索
(创建页面,内容为“view/layout/footer.html: <nowiki><div class="footer"> <div class="w"> <div class="links"> <a class="link" href="http://www.imooc.com" target="_blank">慕课…”)
 
 
第1行: 第1行:
 +
==html编写==
 
view/layout/footer.html:
 
view/layout/footer.html:
  
第20行: 第21行:
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script></nowiki>
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script></nowiki>
  
2:51秒
+
==建立CSS文件==
 +
在page/common/下新建文件夹footer,然后建立文件index.css
 +
 
 +
然后common/index.js中引用:
 +
 
 +
  <nowiki>require('./footer/index.css');</nowiki>

2018年11月24日 (六) 11:58的最新版本

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');