本站的css有部分是通过TailwindCSS实现的,style.css是本站的tailwind核心文件。
src目录下除了css文件外还有一些模板的设计方案,以及若干插图文件image。不过插图文件可能已经不需要了。
目前设计方案(html文件):
武器ib:src\infobox-weapon.html
特勤干员首页设计:src\oper.html
武器信息悬浮卡:src\weaponinfo-card.html
这里例举最简单的安装TailwindCSS和使用步骤,可根据需要参考:
- 以最基本的方法安装TailwindCSS(如果已安装跳过):使用在vscode项目中打开终端输入按顺序输入以下命令并回车:
npm install -D tailwindcss - 确保
tailwind.config.js和src/style.css已经在工作区目录下。如果你git了整个项目,那么这些文件已经放在该放的地方了。 - 在终端输入
npx tailwindcss -i ./src/style.css -o ./dist/common.css --watch并回车。
之后src下的style.css和一众html布局设计文件都在修改样式类的时候,dist下的common.css文件会自动更改,工作完成后,你可以使用Wikitext3.4插件上传common.css文件,这个style.css已经附带了页面信息标签头。
在不确认后果、不明确自身目的的情况下,不要随便删除和改动已经写入的内容。当然如果问题发生了,撤,都可以撤。
如果你不确认后果和目的,不要删除src目录下的html文件,因为TailwindCSS依赖它来生成样式表。