4 changed files with 21 additions and 242 deletions
@ -1,11 +1,17 @@ |
|||
<?php |
|||
|
|||
return [ |
|||
//手环mac地址 |
|||
'lora_mac' => [ |
|||
"616162626363", |
|||
"616162626364", |
|||
"616162626365", |
|||
"616162626366", |
|||
"616162626367", |
|||
"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