vijay
/
Mosqkiller
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

# 更新样式

This commit is contained in:
xianfuxing 2018-08-22 19:40:16 +08:00
parent 0c2f582b84
commit 9c483e8699
1 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/views/counter/components/screen.vue
View File

@ -23,7 +23,9 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="device-status"></div> <div class="device-status">
</div>
</div> </div>
</template> </template>
@ -40,11 +42,11 @@ export default {
}, },
computed: { computed: {
lastTime() { lastTime() {
return this.lastItem.calc_time.split('') return this.lastItem.calc_time.substr(0, 16).split('')
}, },
lastCount() { lastCount() {
const count = this.lastItem.mosq_count const count = this.lastItem.mosq_count
const qty = 'Qty.' + ' '.repeat(13 - count.length) + '00' + count const qty = 'Qty.' + ' '.repeat(10 - count.length) + '00' + count
return qty.split('') return qty.split('')
} }
}, },
@ -56,15 +58,16 @@ export default {
<style lang="scss"> <style lang="scss">
.screen-wrapper { .screen-wrapper {
background: #eee;
overflow: auto; overflow: auto;
.device-base { .device-base {
display: flex; display: flex;
justify-content: center; justify-content: center;
min-width: 650px; min-width: 600px;
ul { ul {
padding: 0; padding: 0;
li { li {
font-size: 1.1rem; font-size: .85rem;
list-style-type: none; list-style-type: none;
display: inline-block; display: inline-block;
} }
@ -77,6 +80,8 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
table { table {
font-size: 1.2rem;
font-family: 'Courier New', Courier, monospace;
border: 1px solid #666; border: 1px solid #666;
border-collapse: collapse; border-collapse: collapse;
text-align: center; text-align: center;
@ -91,5 +96,15 @@ export default {
} }
} }
} }
@media only screen and (max-width: 768px) {
.device-screen {
table {
margin: 1rem 0 1rem 0;
td {
font-size: 1rem;
}
}
}
}
} }
</style> </style>