88 lines
1.6 KiB
Vue
88 lines
1.6 KiB
Vue
<template>
|
||
<div id="center">
|
||
<btmcenter />
|
||
<rightbot2 />
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import btmcenter from "./btmcenter.vue";
|
||
import rightbot2 from "./rightbot2.vue";
|
||
|
||
export default {
|
||
components: {
|
||
btmcenter,
|
||
rightbot2
|
||
},
|
||
data() {
|
||
return {
|
||
config: {
|
||
number: [10304080], //初始数据
|
||
content: "{nt}",
|
||
style: {
|
||
//这里可以修改默认样式
|
||
fontSize: 30, //字体大小
|
||
fill: "#FFFFFF", //字体颜色
|
||
},
|
||
},
|
||
};
|
||
},
|
||
mounted() {
|
||
setInterval(() => {
|
||
this.power(3);
|
||
}, 1000);
|
||
// this.drawLine();
|
||
},
|
||
created() {},
|
||
methods: {
|
||
formatNumber(number) {
|
||
console.log("1111111");
|
||
const numbers = number.toString().split("").reverse();
|
||
const segs = [];
|
||
while (numbers.length) segs.push(numbers.splice(0, 3).join(""));
|
||
return segs.join(",").split("").reverse().join("");
|
||
},
|
||
power(n) {
|
||
// this.config.number[0] = Math.floor(Math.random() * n + 1);
|
||
this.config.number[0] += n;
|
||
this.config = { ...this.config }; //对象解构，更新props
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
#center {
|
||
width: 100%;
|
||
// color: #33cc99;
|
||
.dv-border-box-13 {
|
||
width: 100%;
|
||
height: 180px;
|
||
padding: 0 20px;
|
||
padding-top: 20px;
|
||
.dvrow {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
.broken {
|
||
width: 98%;
|
||
height: 120px;
|
||
}
|
||
}
|
||
}
|
||
.fontsty {
|
||
display: inline-block;
|
||
width: 380px;
|
||
font-size: 35px;
|
||
letter-spacing: 15px;
|
||
text-align: right;
|
||
color: #fff;
|
||
font-weight: 700;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.w {
|
||
font-weight: 700;
|
||
}
|
||
</style>
|