4 changed files with 21 additions and 242 deletions
@ -1,11 +1,17 @@ |
|||||
<?php |
<?php |
||||
|
|
||||
return [ |
return [ |
||||
|
//手环mac地址 |
||||
'lora_mac' => [ |
'lora_mac' => [ |
||||
|
"616162626363", |
||||
"616162626364", |
"616162626364", |
||||
"616162626365", |
"616162626365", |
||||
"616162626366", |
"616162626366", |
||||
"616162626367", |
"616162626367", |
||||
"616162626368", |
"616162626368", |
||||
|
"616162626369", |
||||
|
"616162626370", |
||||
|
"616162626371", |
||||
|
"616162626372", |
||||
], |
], |
||||
]; |
]; |
||||
|
|||||
@ -1,65 +0,0 @@ |
|||||
<!DOCTYPE html> |
|
||||
<html lang="zh-CN" style="height: 100%"> |
|
||||
<head> |
|
||||
<meta charset="utf-8"> |
|
||||
<script type="text/javascript" src="/script/jquery.min.js"></script> |
|
||||
<script type="text/javascript" src="/script/vue.js"></script> |
|
||||
<script src="/script/axios.min.js"></script> |
|
||||
|
|
||||
<!-- 引入样式 --> |
|
||||
<link rel="stylesheet" href="/style/element-plus.css" rel="external nofollow" target="_blank" /> |
|
||||
<!-- 引入组件库 --> |
|
||||
<script src="/script/element-plus.js" rel="external nofollow" ></script> |
|
||||
</head> |
|
||||
<body style="height: 100%; margin: 0"> |
|
||||
|
|
||||
<div id="app"> |
|
||||
<div class="block"> |
|
||||
<el-slider v-model="timer_shaft_value" :min="timer_shaft_min" :max="timer_shaft_max" :marks="marks"> </el-slider> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<script type="text/javascript" src="/script/jquery.min.js"></script> |
|
||||
|
|
||||
<script type="text/javascript"> |
|
||||
const AppInfo = { |
|
||||
data() { |
|
||||
return { |
|
||||
timer_shaft_value: 5, |
|
||||
timer_shaft_min:1, |
|
||||
timer_shaft_max:5, |
|
||||
marks: { |
|
||||
|
|
||||
1: "1", |
|
||||
2: "2", |
|
||||
3: "3", |
|
||||
4: "4", |
|
||||
}, |
|
||||
} |
|
||||
}, |
|
||||
mounted() { |
|
||||
var _this = this; |
|
||||
// 每隔5分钟定时刷新 |
|
||||
this.timer = setInterval(() => { |
|
||||
this.timer_shaft_value += 1; |
|
||||
this.timer_shaft_min += 1; |
|
||||
this.timer_shaft_max += 1; |
|
||||
let marks = {}; |
|
||||
for (let i = this.timer_shaft_max - 5; i < this.timer_shaft_max; i++) { |
|
||||
marks[i] = i.toString(); |
|
||||
} |
|
||||
this.marks = marks; |
|
||||
console.log(this.marks) |
|
||||
}, 1000 * 1) |
|
||||
}, |
|
||||
beforeDestroy() { |
|
||||
clearInterval(this.timer); |
|
||||
}, |
|
||||
}; |
|
||||
const app = Vue.createApp(AppInfo); |
|
||||
app.use(ElementPlus); |
|
||||
app.mount("#app"); |
|
||||
|
|
||||
</script> |
|
||||
</body> |
|
||||
</html> |
|
||||
@ -1,30 +0,0 @@ |
|||||
<!DOCTYPE html> |
|
||||
<html> |
|
||||
<head> |
|
||||
<meta charset="utf-8"> |
|
||||
<title></title> |
|
||||
</head> |
|
||||
<style> |
|
||||
* {margin:0; padding:0;} |
|
||||
html,body{height:100%;} |
|
||||
.box {height:100%;background: #020622;} |
|
||||
|
|
||||
html { |
|
||||
/*在根元素中计算基准值字体大小,设备宽度 / 设计稿宽度 * 100*/ |
|
||||
font-size: calc(100vw /1920 * 100 ); |
|
||||
} |
|
||||
|
|
||||
#box { |
|
||||
width: 19.2rem; |
|
||||
height: 1rem; |
|
||||
background-color: aqua; |
|
||||
font-size: 1rem; |
|
||||
} |
|
||||
</style> |
|
||||
<body> |
|
||||
<div id="box"> |
|
||||
测试rem |
|
||||
|
|
||||
</div> |
|
||||
</body> |
|
||||
</html> |
|
||||
Loading…
Reference in new issue