以下是我的html代码请基于我的代码并保留css样式将js修改为vuejs的样式!DOCTYPE htmlhtml head title微商管家title meta name=description content=杭州婚纱摄影高端品牌杭州佳丽婚纱摄影每张婚纱照片都有真实的爱情故事。 meta name=keywords content=杭州婚纱摄影杭州婚纱摄影工作室杭州
<!DOCTYPE html>
<html>
<head>
<title>微商管家</title>
<meta name="description" content="杭州婚纱摄影高端品牌，杭州佳丽婚纱摄影，每张婚纱照片都有真实的爱情故事。" />
<meta name="keywords" content="杭州婚纱摄影,杭州婚纱摄影工作室,杭州婚纱摄影哪家好,杭州高端婚纱摄影,杭州佳丽婚纱摄影" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=480" />
<link rel="stylesheet" href="templets/m2013/css/reset.css" />
<link rel="stylesheet" href="templets/m2013/css/mainCssRed.css" />
<pre><code> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="text/javascript" src="templets/m2013/js/flexslider.js"></script>
<script type="text/javascript" src="templets/m2013/js/MainJS.js"></script>
<!-- Hides URL bar on iPhone-->
<script type="application/x-javascript">
if (navigator.userAgent.indexOf('iPhone') != -1) {
addEventListener("load", function() {
setTimeout(hideURLbar, 0);
}, false);
}
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
</head>
<body>
<div id="indexWrapper">
<!-- Index BG SLider, Put here your images-->
<div id="IndexBGSlider" class="flexslider-bgslider">
<ul class="slides">
<li>
<a href="plus/list.php@tid=63" title="客照">
<img src="uploads/allimg/131206/1-1312061A3330-L.jpg" alt="客照" title="客照" border="0" />
</a>
</li><li>
<a href="plus/list.php@tid=60" title="内景">
<img src="uploads/allimg/131206/1-1312061A3150-L.jpg" alt="内景" title="内景" border="0" />
</a>
</li><li>
<a href="plus/list.php@tid=61" title="外景">
<img src="uploads/allimg/131206/1-1312061A2550-L.jpg" alt="外景" title="外景" border="0" />
</a>
</li><li>
<a href="plus/view.php@aid=444" title="品牌">
<img src="uploads/allimg/131206/1-1312061A1270-L.jpg" alt="品牌" title="品牌" border="0" />
</a>
</li>
</ul>
</div>
<!-- headlineSection-->
<div id="BigHeadline">
<h1><img src="templets/m2013/img/logo1.png"></h1>
</div>
<!-- Main Nav Section-->
<div id="MainNavHome">
<div class="flexslider-nav">
<ul class="slides">
<li>
<a href="zuopin.html">
<p>作品</p><p class="NavItemInfo">PHOTOS</p>
</a>
<a href="changjing.html">
<p>场景</p><p class="NavItemInfo">SCENSE</p>
</a>
<a href="huodong.html">
<p>活动</p><p class="NavItemInfo">EVENTS</p>
</a>
<a href="yuyue.html">
<p>预约</p><p class="NavItemInfo">SERVICE</p>
</a>
<a href="pinpai.html">
<p>品牌</p><p class="NavItemInfo">BRAND</p>
</a>
</li>
</ul>
</div>
</div>
<!-- footer section-->
</code></pre>
<div id="footer" class="IndexFooter">
<span>
<a href="../chat.looyu.com/chat/chat/p.do@c=49420&f=106259&g=66029" target="_blank"><img src="templets/m2013/img/socialIcons/zixun.png" alt="咨询" /></a>
<a href="tel_3A4000571520"><img src="templets/m2013/img/socialIcons/tel.png" alt="拨打电话" /></a>
<a href="plus/view.php@aid=478"><img src="templets/m2013/img/socialIcons/down.png" alt="咨询" /></a>
</span>
</div>
</div>
<script>
new Vue({
el: '#indexWrapper',
data: {
message: 'Hello Vue.js!'
}
})
</script>
</body>
</html
原文地址: https://www.cveoy.top/t/topic/hE82 著作权归作者所有。请勿转载和采集!