你好,我的home页面是使用的home.html+home-content.html,mui内置的css组件放在home.html里面可以成功的调用css的效果,但是如果把css组件放在list.html页面中,却发现最终的效果布局很乱,应该是没有调用对css,附上代码,请大神帮忙分析一下.
home.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet" />
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
<script>
mui.init({
subpages: [{
url: "examples/home-content.html", //子页面HTML地址，支持本地地址和网络地址
id: "home-content", //子页面标志
}]
});
</script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">阳江活动网</h1>
</header>
<div class="mui-content" id="home-content">
</div>
</body> </html>
home-content.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet" />
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
</head>
<body>
<ul class="mui-table-view">
<li class="mui-table-view-cell mui-hidden">cared
<div id="M_Toggle" class="mui-switch mui-active">
<div class="mui-switch-handle"></div>
</div>
</li>
<li class="mui-table-view-cell mui-media">
<a href="#">
<img class="mui-media-object mui-pull-left" src="http://dcloudio.github.io/mui/assets/img/shuijiao.jpg">
<div class="mui-media-body">
幸福
<p class='mui-ellipsis'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a href="#">
<img class="mui-media-object mui-pull-left" src="http://dcloudio.github.io/mui/assets/img/muwu.jpg">
<div class="mui-media-body">
木屋
<p class='mui-ellipsis'>想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
</div>
</a>
</li>
</ul>
</body> </html>
2 个回复
冲_跟上节奏 (作者)
一个是正确的,一个是错误的.两个截图
DCloud_UNI_FXY
注意你的html文件和css，js文件夹的相对位置。你的home-content.html是在examples文件夹下。
应该调整为：
{{{
<link rel="stylesheet" href="../css/mui.min.css">
<script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script>
}}}
冲_跟上节奏 (作者)
谢谢您,不好意思,这么低级的错误都要劳烦到您,我太粗心了.
2014-10-01 11:20