From 236bcb2b593235e2c530f21a1cfadff98c0218a0 Mon Sep 17 00:00:00 2001 From: whycq <you@example.com> Date: 星期三, 25 一月 2023 23:57:16 +0800 Subject: [PATCH] # --- Monitor-APP/static/css/common.css | 65 ++++++++++++++------- Monitor-APP/App.vue | 1 Monitor-APP/pages/index.vue | 23 +++++++ Monitor-APP/index.html | 36 ++++++----- Monitor-APP/pages.json | 20 +++++- 5 files changed, 101 insertions(+), 44 deletions(-) diff --git a/Monitor-APP/App.vue b/Monitor-APP/App.vue index 54cef58..8c2b732 100644 --- a/Monitor-APP/App.vue +++ b/Monitor-APP/App.vue @@ -14,5 +14,4 @@ <style> /*姣忎釜椤甸潰鍏叡css */ - @import '@/common/uni.css'; </style> diff --git a/Monitor-APP/index.html b/Monitor-APP/index.html index c3ff205..5dcc524 100644 --- a/Monitor-APP/index.html +++ b/Monitor-APP/index.html @@ -1,20 +1,22 @@ <!DOCTYPE html> <html lang="en"> - <head> - <meta charset="UTF-8" /> - <script> - var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || - CSS.supports('top: constant(a)')) - document.write( - '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + - (coverSupport ? ', viewport-fit=cover' : '') + '" />') - </script> - <title></title> - <!--preload-links--> - <!--app-context--> - </head> - <body> - <div id="app"><!--app-html--></div> - <script type="module" src="/main.js"></script> - </body> + <head> + <meta charset="UTF-8" /> + <script> + var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || + CSS.supports('top: constant(a)')) + document.write( + '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + + (coverSupport ? ', viewport-fit=cover' : '') + '" />') + </script> + <title></title> + <!--preload-links--> + <!--app-context--> + </head> + <body> + <div id="app"> + <!--app-html--> + </div> + <script type="module" src="/main.js"></script> + </body> </html> diff --git a/Monitor-APP/pages.json b/Monitor-APP/pages.json index 8b120df..4828cdd 100644 --- a/Monitor-APP/pages.json +++ b/Monitor-APP/pages.json @@ -1,9 +1,19 @@ { "pages": [ //pages鏁扮粍涓涓�椤硅〃绀哄簲鐢ㄥ惎鍔ㄩ〉锛屽弬鑰冿細https://uniapp.dcloud.io/collocation/pages { + "path": "pages/index", + "style": { + "navigationStyle": "custom", + // 鍘绘帀椤堕儴瀵艰埅鏍� + "app-plus": { + "titleNView": false + } + } + }, + { "path": "pages/home/home", "style": { - "navigationStyle":"home", + "navigationStyle": "custom", // 鍘绘帀椤堕儴瀵艰埅鏍� "app-plus": { "titleNView": false @@ -13,7 +23,7 @@ { "path": "pages/index/index", "style": { - "navigationStyle":"custom", + "navigationStyle": "custom", // 鍘绘帀椤堕儴瀵艰埅鏍� "app-plus": { "titleNView": false @@ -23,11 +33,11 @@ { "path": "pages/index/monitor", "style": { - "navigationStyle":"custom" + "navigationStyle": "custom" } } - - + + ], "globalStyle": { "navigationBarTextStyle": "black", diff --git a/Monitor-APP/pages/index.vue b/Monitor-APP/pages/index.vue new file mode 100644 index 0000000..1053320 --- /dev/null +++ b/Monitor-APP/pages/index.vue @@ -0,0 +1,23 @@ +<template> + <view class="container"> + </view> +</template> + +<script setup lang="ts"> + + +</script> + +<style lang="less" scoped> + // page 璁剧疆鍙互閲嶇疆杩欎簺 + page { + width: 100%; + height: 100%; + } + .container { + height: 100%; + width: 100%; + background-image: url(../static/background.png); + background-size: 100% 100%; + } +</style> \ No newline at end of file diff --git a/Monitor-APP/static/css/common.css b/Monitor-APP/static/css/common.css index eebe02d..af94440 100644 --- a/Monitor-APP/static/css/common.css +++ b/Monitor-APP/static/css/common.css @@ -1,25 +1,48 @@ -/* @media (max-width: 1900px) { - view { - font-size: 100px; - } +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } -@media (max-width: 1400px) { - view { - font-size: 25px; - } +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; } -@media (max-width: 1200px) { - view { - font-size: 20px; - } +body { + line-height: 1; } -@media (max-width: 992px) { - view { - font-size: 12px; - } +ol, ul { + list-style: none; } -@media (max-width: 768px) { - view { - font-size: 10px; - } -} */ \ No newline at end of file +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file -- Gitblit v1.9.1