关于美工，前端协同开发问题
来源：21-1 Ionic 项目发布到网站并在手机以及微信中的实战演示
qq_双子星深蓝_0
2018-09-20
请问老师，如果有一小伙伴专门负责页面美工，只是负责用ionic做静态html文件，可以在浏览器上测试，前端开发能否直接将其html文件集成到项目里做进一步的程序逻辑的事件处理。如果可以，静态HTML文件该怎么做。
2回答
-
qq_双子星深蓝_0
提问者
2018-09-20
为了方便美工小伙伴，在菜鸟学习网（http://www.runoob.com/ionic/ionic-list.html）上找到的ionic教程有一些制作ionic页面的静态html例子，这些都是可以直接在浏览器上运行，然而如果我直接把这些html拷贝到项目里是没有任何效果的
例如以下HTML， 这个时候要如何集成到项目里
<html ng-app="ionicApp">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>菜鸟教程(runoob.com)</title>
<link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
</head>
<body>
<div class="bar bar-header">
<div class="h1 title">卡片列表</div>
</div>
<div class="content has-header ionic-pseudo">
<div class="list card">
<a href="#" class="item item-icon-left">
<i class="icon ion-home"></i>
Enter home address
</a>
<a href="#" class="item item-icon-left">
<i class="icon ion-ios-telephone"></i>
Enter phone number
</a>
<a href="#" class="item item-icon-left">
<i class="icon ion-wifi"></i>
Enter wireless password
</a>
<a href="#" class="item item-icon-left">
<i class="icon ion-card"></i>
Enter card information
</a>
</div>
</div>
</body>
</html>
012018-09-22 -
Parry
2018-09-20
就按照基本的 HTML 元素布局即可，在 ionic 中添加对应的事件，有些组件需要使用 ionic 的就使用 ionic。012018-09-20
相似问题