|
|
@@ -6,124 +6,144 @@
|
|
|
<title>首页</title>
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
|
<link href="../css/mui.min.css" rel="stylesheet" />
|
|
|
- <link href="../css/iconfont.css" rel="stylesheet" />
|
|
|
<link href="../css/animate.min.css" rel="stylesheet" />
|
|
|
<style>
|
|
|
- body{background-color: white;}
|
|
|
- .mui-content{background-color: white;margin-bottom: 0px;}
|
|
|
- .icon-dingdang{float: left;color: white;font-size: 32px; line-height: 40px;color: white;}
|
|
|
- .icon-gouwuchekong1{float: right;color: white;font-size: 25px;line-height: 47px;color: white;}
|
|
|
.mui-slider{margin-top: 15px;margin-bottom: 10px;}
|
|
|
.mui-slider .mui-slider-group .mui-slider-item img{height: 185px;width: 100%;}
|
|
|
- .main{background-color: white;}
|
|
|
.banner{padding: 10px;overflow: hidden;}
|
|
|
.banner img{width: 100%;border-radius: 8px;}
|
|
|
.banner .img{width: 100%;border-radius: 8px;}
|
|
|
- .title{padding: 10px 10px 5px 10px;font-size: 15px;margin-top: -5px;}
|
|
|
- .tg{border-left: 5px solid #FF5722;padding-left: 5px;color: #515151;font-weight: bold;}
|
|
|
+ .menu{margin-top: -5px;overflow: hidden;background-color: white;padding: 20px 15px 5px 15px;}
|
|
|
+ .menu .i{font-size: 30px;}
|
|
|
+ .sm{text-align: center;padding: 10px;font-size: 12px;color: #7a7a7a;position: relative;font-weight: bold;}
|
|
|
+ .icon{padding-right: 10px;color: #00a0ea;}
|
|
|
+ .item{padding: 12px 5px 12px 5px;font-size: 13px;color: #606060;border-bottom: 1px solid #efefef;}
|
|
|
+ .item:last-child{border: 0px;}
|
|
|
+ .sm4{text-align: right;font-size: 12px;}
|
|
|
[v-cloak] {display: none;}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
- <div id="app" v-cloak>
|
|
|
- <header class="mui-bar mui-bar-nav">
|
|
|
- <i class="icon iconfont icon-dingdang" @click="contact()"></i>
|
|
|
- <h1 class="mui-title"></h1>
|
|
|
- <i class="icon iconfont icon-gouwuchekong1" @click="shopcart()"></i>
|
|
|
- </header>
|
|
|
- <div class="mui-content animated fadeInDown">
|
|
|
- <!--图片轮播-->
|
|
|
- <div id="slider" class="mui-slider">
|
|
|
- <div class="mui-slider-group mui-slider-loop">
|
|
|
- <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
|
|
|
- <div class="mui-slider-item mui-slider-item-duplicate">
|
|
|
- <a v-for="(item,index) in banner_list" v-if="index==banner_list.length-1">
|
|
|
- <img :src="path+item.cover">
|
|
|
- </a>
|
|
|
+ <div id="app" v-cloak>
|
|
|
+ <header class="mui-bar mui-bar-nav">
|
|
|
+ <h1 class="mui-title">首页</h1>
|
|
|
+ </header>
|
|
|
+ <div class="mui-content animated fadeInDown">
|
|
|
+ <!--图片轮播-->
|
|
|
+ <div id="slider" class="mui-slider">
|
|
|
+ <div class="mui-slider-group mui-slider-loop">
|
|
|
+ <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
|
|
|
+ <div class="mui-slider-item mui-slider-item-duplicate">
|
|
|
+ <a v-for="(item,index) in banner_list" v-if="index==banner_list.length-1">
|
|
|
+ <img :src="path+item.cover">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="mui-slider-item" v-for="(item,index) in banner_list" @click="news_detail(item.url_id)">
|
|
|
+ <a><img :src="path+item.cover">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
|
|
|
+ <div class="mui-slider-item mui-slider-item-duplicate">
|
|
|
+ <a v-for="(item,index) in banner_list" v-if="index==0">
|
|
|
+ <img :src="path+item.cover">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="mui-slider-item" v-for="(item,index) in banner_list" @click="news_detail(item.url_id)">
|
|
|
- <a><img :src="path+item.cover">
|
|
|
- </a>
|
|
|
+ <div class="mui-slider-indicator mui-text-right">
|
|
|
+ <div class="mui-indicator" v-for="(item,index) in banner_list" :class="index==0?'mui-active':'' "></div>
|
|
|
</div>
|
|
|
- <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
|
|
|
- <div class="mui-slider-item mui-slider-item-duplicate">
|
|
|
- <a v-for="(item,index) in banner_list" v-if="index==0">
|
|
|
- <img :src="path+item.cover">
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="mui-slider-indicator mui-text-right">
|
|
|
- <div class="mui-indicator" v-for="(item,index) in banner_list" :class="index==0?'mui-active':'' "></div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!--图片轮播end-->
|
|
|
- <div class="main">
|
|
|
- <div class="title"><span class="tg">萌新必读</span></div>
|
|
|
- <div class="horizontal">
|
|
|
- <ul>
|
|
|
- <li v-for="(item,index) in mx_list" @click="guide(index)" style="width: 171px;"><img :src="item.picture" style="height: auto;"/></li>
|
|
|
- </ul>
|
|
|
+ <!--图片轮播end-->
|
|
|
+ <div class="main">
|
|
|
+ <div class="menu row">
|
|
|
+ <div class="sm" @click="skip(1)"><i class="icon i"></i><br />我的简历</div>
|
|
|
+ <div class="sm" @click="skip(2)"><i class="icon i"></i><br />投递历史</div>
|
|
|
+ <div class="sm" @click="skip(3)"><i class="icon i"></i><br />企业用户</div>
|
|
|
+ <div class="clear"></div>
|
|
|
</div>
|
|
|
- <div class="title"><span class="tg">每月上新</span></div>
|
|
|
- <div class="horizontal">
|
|
|
- <ul>
|
|
|
- <li style="width: 140px;" v-for="(item,index) in new_list" @click="detail(item)"><img :src="path+item.mCove" style="height: auto;"/></li>
|
|
|
- </ul>
|
|
|
+ <div class="model">
|
|
|
+ <div class="bod">
|
|
|
+ <span class="text"><i class="icon"></i>时政信息</span>
|
|
|
+ <span class="mores" @click="more()">更多</span>
|
|
|
+ </div>
|
|
|
+ <div class="item row">
|
|
|
+ <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
+ <div class="sm4">09-30 12:02</div>
|
|
|
+ <div class="clear"></div>
|
|
|
+ </div>
|
|
|
+ <div class="item row">
|
|
|
+ <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
+ <div class="sm4">09-30 12:02</div>
|
|
|
+ <div class="clear"></div>
|
|
|
+ </div>
|
|
|
+ <div class="item row">
|
|
|
+ <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
+ <div class="sm4">09-30 12:02</div>
|
|
|
+ <div class="clear"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="model">
|
|
|
+ <div class="bod">
|
|
|
+ <span class="text"><i class="icon"></i>政策宣传</span>
|
|
|
+ <span class="mores">更多</span>
|
|
|
+ </div>
|
|
|
+ <div class="item row">
|
|
|
+ <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
+ <div class="sm4">09-30 12:02</div>
|
|
|
+ <div class="clear"></div>
|
|
|
+ </div>
|
|
|
+ <div class="item row">
|
|
|
+ <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
+ <div class="sm4">09-30 12:02</div>
|
|
|
+ <div class="clear"></div>
|
|
|
+ </div>
|
|
|
+ <div class="item row">
|
|
|
+ <div class="sm6 omit">浦北县举行2018年 “烈士纪念日”烈士</div>
|
|
|
+ <div class="sm4">09-30 12:02</div>
|
|
|
+ <div class="clear"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <script src="../js/mui.min.js"></script>
|
|
|
- <script src="../js/app.js"></script>
|
|
|
- <script src="../js/vue.min.js"></script>
|
|
|
- <script type="text/javascript">
|
|
|
+ <script src="../js/mui.min.js"></script>
|
|
|
+ <script src="../js/app.js"></script>
|
|
|
+ <script src="../js/vue.min.js"></script>
|
|
|
+ <script type="text/javascript">
|
|
|
+ mui.plusReady(function() {
|
|
|
+ var slider = mui("#slider");
|
|
|
+ slider.slider({
|
|
|
+ interval: 3000
|
|
|
+ });
|
|
|
+ })
|
|
|
+ var vm = new Vue({
|
|
|
+ el: "#app",
|
|
|
+ data: {
|
|
|
+ banner_list: [],
|
|
|
+ new_list: [],
|
|
|
+ path: urls().path
|
|
|
+ },
|
|
|
+ mounted: function() {
|
|
|
mui.plusReady(function() {
|
|
|
- var slider = mui("#slider");
|
|
|
- slider.slider({interval: 3000});
|
|
|
- })
|
|
|
- var vm=new Vue({
|
|
|
- el: "#app",
|
|
|
- data: {
|
|
|
- banner_list:[],
|
|
|
- mx_list: [{picture:'../images/mx1.png'},{picture:'../images/mx2.png'},{picture:'../images/mx3.png'}],
|
|
|
- new_list: [],
|
|
|
- path:urls().path
|
|
|
- },
|
|
|
- mounted:function() {
|
|
|
- mui.plusReady(function() {
|
|
|
- /* if(first()){
|
|
|
- open('contact', '/pages/other/guide.html',null,'slide-in-bottom');
|
|
|
- }*/
|
|
|
request(urls().main, null, function(res) {
|
|
|
- vm.banner_list=res.banner_list;
|
|
|
- vm.new_list = res.new_list;
|
|
|
- plus.nativeUI.closeWaiting();
|
|
|
+ console.log(res.banner_list);
|
|
|
+ vm.banner_list = res.banner_list;
|
|
|
+ //vm.new_list = res.new_list;
|
|
|
+ //plus.nativeUI.closeWaiting();
|
|
|
})
|
|
|
- })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ more:function(){
|
|
|
+ open('news_list', '../pages/news/list.html', null, 'slide-in-bottom');
|
|
|
},
|
|
|
- methods:{
|
|
|
- contact:function(){
|
|
|
- open('contact', '/pages/other/contact.html',null,'slide-in-bottom');
|
|
|
- },
|
|
|
- shopcart:function(){
|
|
|
- if(!hasLogin()) {
|
|
|
- mui.toast("请先登录")
|
|
|
- open('login', '../pages/user/login.html', null, 'slide-in-bottom');
|
|
|
- return;
|
|
|
- }
|
|
|
- open('shopping_cart', '/pages/shopping_cart/list.html',null,'slide-in-bottom');
|
|
|
- },
|
|
|
- //萌新必读
|
|
|
- guide:function(index){
|
|
|
- open('mx'+index, '../pages/other/mx'+index+'.html', null,'slide-in-bottom');
|
|
|
- },
|
|
|
- //每月上新
|
|
|
- detail:function(item){
|
|
|
- open('goods_detail', '../pages/goods/detail.html', {id: item.id}, 'slide-in-bottom');
|
|
|
- }
|
|
|
+ //每月上新
|
|
|
+ detail: function(item) {
|
|
|
+ open('goods_detail', '../pages/goods/detail.html', {id: item.id}, 'slide-in-bottom');
|
|
|
}
|
|
|
- })
|
|
|
- </script>
|
|
|
+ }
|
|
|
+ })
|
|
|
+ </script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
lishuwen79