<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="../css/mui/mui.min.css" />
<link rel="stylesheet" href="../css/styles.css" />
<style>
html,
body {
background-color: #efeff4;
}
.mui-bar~.mui-content .mui-fullscreen {
top: 44px;
height: auto;
}
.mui-pull-top-tips {
position: absolute;
top: -20px;
left: 50%;
margin-left: -25px;
width: 40px;
height: 40px;
border-radius: 100%;
z-index: 1;
}
.mui-bar~.mui-pull-top-tips {
top: 24px;
}
.mui-pull-top-wrapper {
width: 42px;
height: 42px;
display: block;
text-align: center;
background-color: #efeff4;
border: 1px solid #ddd;
border-radius: 25px;
background-clip: padding-box;
box-shadow: 0 4px 10px #bbb;
overflow: hidden;
}
.mui-pull-top-tips.mui-transitioning {
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
}
.mui-pull-top-tips .mui-pull-loading {
/*-webkit-backface-visibility: hidden;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;*/
margin: 0;
}
.mui-pull-top-wrapper .mui-icon,
.mui-pull-top-wrapper .mui-spinner {
margin-top: 7px;
}
.mui-pull-top-wrapper .mui-icon.mui-reverse {
/*-webkit-transform: rotate(180deg) translateZ(0);*/
}
.mui-pull-bottom-tips {
text-align: center;
background-color: #efeff4;
font-size: 15px;
line-height: 40px;
color: #777;
}
.mui-pull-top-canvas {
overflow: hidden;
background-color: #fafafa;
border-radius: 40px;
box-shadow: 0 4px 10px #bbb;
width: 40px;
height: 40px;
margin: 0 auto;
}
.mui-pull-top-canvas canvas {
width: 40px;
}
.mui-slider-indicator.mui-segmented-control {
background-color: #efeff4;
}
</style>
</head>
<body>
<div class="mui-content">
<div id="slider" class="mui-slider mui-fullscreen">
<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<div class="mui-scroll">
<a class="mui-control-item mui-active" href="#zhxw">
云财要闻
</a>
<a class="mui-control-item" href="#ggxx">
通知公告
</a>
<a class="mui-control-item" href="#ybdt">
院部动态
</a>
<a class="mui-control-item" href="#jzxx">
讲座信息
</a>
<a class="mui-control-item" href="#sthd">
团学活动
</a>
</div>
</div>
<div class="mui-slider-group">
<div id="zhxw" class="mui-slider-item mui-control-content mui-active">
<div class="mui-scroll-wrapper">
<div class="mui-scroll" data-column="zhxw">
</div>
</div>
</div>
<div id="ggxx" class="mui-slider-item mui-control-content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll" data-column="ggxx">
</div>
</div>
</div>
<div id="ybdt" class="mui-slider-item mui-control-content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll" data-column="ybdt">
</div>
</div>
</div>
<div id="jzxx" class="mui-slider-item mui-control-content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll" data-column="jzxx">
</div>
</div>
</div>
<div id="sthd" class="mui-slider-item mui-control-content">
<div class="mui-scroll-wrapper">
<div class="mui-scroll" data-column="sthd">
</div>
</div>
</div>
</div>
</div>
</div>
<script id="tpl" type="text/html">
{{each data value}}
<ul class="mui-table-view mui-grid-view" style="border-bottom: 1px solid #DDDDDD;" id="{{value.originalId}}" data-pull="{{value.id}}">
{{if value.picUrls.length >= 3}}
<li class="mui-table-view-cell mui-col-xs-12">
<p class="newsTitle">{{value.title}}</p>
</li>
{{each value.picUrls picValue picIndex}} {{if picIndex
<3}} <li class="mui-table-view-cell mui-media mui-col-xs-4">
<img class="mui-media-object" src={{picValue}} />
</li>
{{/if}} {{/each}}
<li class="mui-table-view-cell mui-col-xs-12">
<p class="newsFooter">
{{value.author}}
</p>
</li>
{{else}}
<li class="mui-table-view-cell mui-col-xs-8">
<p class="newsTitle">
{{value.title}}
</p>
<p class="newsFooter">
{{value.author}}
</p>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4">
<img class="mui-media-object" src={{value.picUrls[0]}} />
</li>
{{/if}}
</ul>
{{/each}}
</script>
<script type="text/javascript" src="../js/mui/mui.min.js"></script>
<script type="text/javascript" src="../js/zwx/zepto.min.js"></script>
<script type="text/javascript" src="../js/zwx/art-template.js"></script>
<script type="text/javascript" src="../js/app.js"></script>
<script type="text/javascript" src="../js/zwx/zwx.utils.js"></script>
<script type="text/javascript" src="../js/mui/mui.pullToRefresh.js"></script>
<script type="text/javascript" src="../js/mui/mui.pullToRefresh.material.js"></script>
<script>
mui.init();
(function() {
//阻尼系数
var deceleration = mui.os.ios ? 0.003 : 0.0009;
mui('.mui-scroll-wrapper').scroll({
bounce: false,
indicators: true, //是否显示滚动条
deceleration: deceleration
});
mui.plusReady(function() {
var detailPage = mui.preload({
"id": 'news-top-detail',
"url": 'news-top-detail.html'
});
//获得详情页面
if(!detailPage) {
detailPage = plus.webview.getWebviewById('news-top-detail');
}
var detail_loaded_flag = false;
detailPage.addEventListener("loaded", function() {
detail_loaded_flag = true;
});
zwx.post('/api/services/YufeMobile/article/GetAll', {}, function(data) {
if(data.success) {
mui.each(data.result.items, function(index, item) {
var html = template('tpl', {
data: item.columnArticles
});
$("#" + item.columnId + " .mui-scroll").html(html).attr("data-column-name", item.columnName);
});
}
});
//添加列表项的点击事件
mui('.mui-scroll').on('tap', 'ul', function(e) {
var id = this.getAttribute('id');
var columnName = $(this).parent().attr('data-column-name');
//触发详情页面的newsId事件
mui.fire(detailPage, 'newsId', {
id: id,
columnName: columnName
});
//打开详情页面
detailPage.show("pop-in");
});
//循环初始化所有下拉刷新，上拉加载。
mui.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {
mui(pullRefreshEl).pullToRefresh({
down: {
callback: function() {
var self = this;
var columnId = self.element.getAttribute("data-column");
var idArray = new Array();
mui("#" + columnId + " ul").each(function(index, item) {
if(index > 19) {
return false;
} else {
idArray.push(item.getAttribute("data-pull"));
}
});
zwx.post('/api/services/YufeMobile/article/PullRefresh', {
"columnId": columnId,
"latestArticleIds": idArray
}, function(d
云南财经大学校园app
需积分: 10 168 浏览量
2018-10-04
17:17:03
上传
评论
收藏 19.75MB ZIP 举报
云南财经大学校园app （324个子文件） 
resources.arsc 13KB DVDirectory.cfg 135KB DVStreet.cfg 24KB DVIndoor.cfg 14KB DVHotMap.cfg 11KB DVSDirectory.cfg 7KB DVHotcity.cfg 2KB DVVersion.cfg 700B mui.min.css 74KB styles.css 5KB mui.picker.min.css 5KB styles.css 739B CustomIndex 11KB classes.dex 3.66MB
noimage.gif 6KB
index.html 9KB yufe-introduction.html 8KB yufe-sights.html 8KB paper.html 8KB guide.html 7KB curriculum-detail.html 7KB index.html 6KB teacher-curriculum.html 6KB project.html 6KB subject.html 6KB index.html 6KB index.html 6KB main.html 6KB position.html 5KB honour.html 5KB book.html 5KB login.html 5KB search.html 5KB yufe-calendar.html 5KB maps_map_sub.html 5KB enrollment.html 4KB teacher-score.html 4KB more.html 4KB student.html 4KB teacher-score.html 4KB student-curriculum.html 4KB upload.html 4KB score.html 4KB news-top-1-tj.html 4KB more2.html 4KB student-query.html 4KB yufe-department.html 4KB enrollment.html 4KB teacher-curriculum.html 4KB patent.html 4KB plan.html 3KB user.html 3KB yufe-official-app.html 3KB reward.html 3KB news-top-detail.html 3KB teacher-curriculum.html 3KB curriculum.html 3KB info.html 3KB exam-plan.html 3KB curriculum.html 3KB dcloud_error.html 3KB yufe-department-detail.html 3KB qualification.html 3KB campus.html 3KB party-dues.html 3KB score.html 2KB teacher-score-detail.html 2KB teacher-score-detail.html 2KB yufe-zhong-zheng-shan.html 2KB communication.html 2KB research-project.html 2KB consumption.html 2KB book.html 2KB paper.html 2KB score.html 2KB student-query-detail.html 2KB scholarship.html 2KB honor.html 2KB payment.html 2KB wage.html 2KB content.html 2KB statistic.html 1KB recharge.html 1KB awaiting.html 1003B error.html 552B index.html 426B
campus21.JPG 750KB 3.jpg 676KB 4.jpg 659KB ZhongZhengShan.jpg 579KB 2.jpg 465KB campus23.jpg 329KB campus22.jpg 303KB tsg.jpg 260KB campus02.JPG 233KB campus14.JPG 231KB campus10.JPG 231KB campus01.JPG 230KB 1.jpg 220KB campus27.jpg 219KB共 324 条
- 1
- 2
- 3
- 4
资源评论
