Zengtudor/DataFront
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改时钟显示

Browse Source
This commit is contained in:
ZtRXR 2023-09-10 00:16:53 +08:00
parent ee091597b4
commit 89433705c5
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
pages/tools/time.vue
View File

@ -19,12 +19,12 @@ onBeforeUnmount(()=>{
<Title>大屏时钟</Title> <Title>大屏时钟</Title>
<client-only> <client-only>
<div> <div>
<el-text>{{showTime.getHours()%12}}</el-text> <el-text>{{(showTime.getHours()%12)/10<1?`0${showTime.getHours()%12}`:showTime.getHours()%12}}</el-text>
<el-text style="font-size: xxx-large" type="primary">{{(showTime.getHours()/12>1?"PM":"AM")}}</el-text> <el-text style="font-size: 5vw" type="primary">{{(showTime.getHours()/12>1?"PM":"AM")}}</el-text>
<el-text>:</el-text> <el-text>:</el-text>
<el-text>{{showTime.getMinutes()}}</el-text> <el-text>{{(showTime.getMinutes())/10<1?`0${showTime.getMinutes()}`:showTime.getMinutes()}}</el-text>
<el-text style="font-size: 5vw">:</el-text> <el-text style="font-size: 5vw">:</el-text>
<el-text style="font-size: 5vw">{{showTime.getSeconds()}}</el-text> <el-text style="font-size: 5vw">{{(showTime.getSeconds())/10<1?`0${showTime.getSeconds()}`:showTime.getSeconds()}}</el-text>
</div> </div>
</client-only> </client-only>
</template> </template>