v/Cat-Printer
1
0
Fork 0
mirror of https://github.com/NaitLee/Cat-Printer.git synced 2025-05-18 00:00:18 -07:00
Code Issues Packages Projects Releases Wiki Activity

CSS skin support

Browse Source
This commit is contained in:
NaitLee 2021-09-07 20:52:19 +08:00
parent a2dcfcca89
commit d999d01c65
8 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -1,5 +1,6 @@
bleak bleak
www/skin.css
www/fabric.js www/fabric.js
www/fabric.min.js www/fabric.min.js
www/html2canvas.js www/html2canvas.js

3
README.md
View File

@ -37,6 +37,9 @@ This application uses server/client module, and have fewest possible dependencie
- Python3 & Browser - Python3 & Browser
- [fabric.min.js](https://github.com/fabricjs/fabric.js/tree/master/dist) - [fabric.min.js](https://github.com/fabricjs/fabric.js/tree/master/dist)
- [html2canvas.min.js](https://html2canvas.hertzen.com/) - [html2canvas.min.js](https://html2canvas.hertzen.com/)
- Any css for plain webpage, e.g. [minicss](https://minicss.org/), rename to `skin.css`
Put any web-related files to folder `www`.
### Supported Platforms ### Supported Platforms

3
README.zh-CN.md
View File

@ -37,6 +37,9 @@ TODO
- Python3 与浏览器 - Python3 与浏览器
- [fabric.min.js](https://github.com/fabricjs/fabric.js/tree/master/dist) - [fabric.min.js](https://github.com/fabricjs/fabric.js/tree/master/dist)
- [html2canvas.min.js](https://html2canvas.hertzen.com/) - [html2canvas.min.js](https://html2canvas.hertzen.com/)
- 任何纯网页可用的 css，如 [minicss](https://minicss.org/)，重命名为 `skin.css`
将 web 相关的文件放在 `www` 文件夹中。
### 支持的平台 ### 支持的平台

1
www/custom-print.html
View File

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Custom Print</title> <title>Custom Print</title>
<link rel="stylesheet" href="main.css" /> <link rel="stylesheet" href="main.css" />
<link rel="stylesheet" href="skin.css" />
</head> </head>
<body> <body>
<main> <main>

1
www/index.html
View File

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Printer Center</title> <title>Printer Center</title>
<link rel="stylesheet" href="main.css" /> <link rel="stylesheet" href="main.css" />
<link rel="stylesheet" href="skin.css" />
</head> </head>
<body> <body>
<main class="mainpage"> <main class="mainpage">

6
www/main.css
View File

@ -22,4 +22,8 @@ a:link, a:visited {
} }
a:hover, a:active { a:hover, a:active {
color: darkblue; color: darkblue;
} }
main input[type="range"] {
width: 16em;
}

1
www/print-document.html
View File

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Print Document</title> <title>Print Document</title>
<link rel="stylesheet" href="main.css" /> <link rel="stylesheet" href="main.css" />
<link rel="stylesheet" href="skin.css" />
</head> </head>
<body> <body>
<main> <main>

1
www/print-image.html
View File

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Print Image</title> <title>Print Image</title>
<link rel="stylesheet" href="main.css" /> <link rel="stylesheet" href="main.css" />
<link rel="stylesheet" href="skin.css" />
</head> </head>
<body> <body>
<main> <main>