80 lines
2.6 KiB
HTML
80 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
<link rel="stylesheet" href="css/reset.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<script src="js/rem.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div class="hide"></div>
|
|
<div class="main">
|
|
<div class="img-mid">
|
|
<div class="bd">
|
|
<ul>
|
|
<li v-for="img in imgList">
|
|
<img :src="url + '/route/file/downloadfile/false/' + img.dataItemFileId" alt="">
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="js/vue.js"></script>
|
|
<script src="js/jquery-2.1.4.min.js"></script>
|
|
<script src="js/jquery.SuperSlide.2.1.1.js"></script>
|
|
<script src="js/ajax.js"></script>
|
|
<script>
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
data: {
|
|
url: '',
|
|
deviceCode: '',
|
|
imgList: []
|
|
},
|
|
methods: {
|
|
getList: function () {
|
|
var self = this
|
|
doGetForm(self.url + '/app/showdata/getshowdatabydevicecoderelease/' + self.deviceCode, {}, null, function (code, data) {
|
|
if (data.dataType == 2 && data.typesettingCode == 'C0001') {
|
|
self.imgList = data.fileList
|
|
self.$nextTick(function () {
|
|
jQuery(".img-mid").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"top",autoPlay:true,delayTime:data.dataRotation});
|
|
})
|
|
}
|
|
// 2图片 4视频 1文字 3音乐
|
|
})
|
|
}
|
|
},
|
|
mounted: function () {
|
|
this.url = localStorage.getItem('url')
|
|
this.deviceCode = localStorage.getItem('deviceCode')
|
|
this.getList()
|
|
setInterval(function () {
|
|
self.getList()
|
|
}, 600000)
|
|
var timer
|
|
$('.hide').on({
|
|
touchstart: function (e) {
|
|
timer = setTimeout(function () {
|
|
timer = ''
|
|
AppInterface.showPwdDialog()
|
|
}, 2000)
|
|
},
|
|
touchmove: function () {
|
|
clearTimeout(timer)
|
|
timer = ''
|
|
},
|
|
touchend: function () {
|
|
clearTimeout(timer)
|
|
timer = ''
|
|
}
|
|
})
|
|
}
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|