Skip to content

R6SWiki/HTMLFront

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

65 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML前端文件

本站的css有部分是通过TailwindCSS实现的,style.css是本站的tailwind核心文件。

内容

src目录下除了css文件外还有一些模板的设计方案,以及若干插图文件image。不过插图文件可能已经不需要了。 目前设计方案(html文件): 武器ib:src\infobox-weapon.html 特勤干员首页设计:src\oper.html 武器信息悬浮卡:src\weaponinfo-card.html

使用方法

这里例举最简单的安装TailwindCSS和使用步骤,可根据需要参考:

  1. 以最基本的方法安装TailwindCSS(如果已安装跳过):使用在vscode项目中打开终端输入按顺序输入以下命令并回车: npm install -D tailwindcss
  2. 确保tailwind.config.jssrc/style.css已经在工作区目录下。如果你git了整个项目,那么这些文件已经放在该放的地方了。
  3. 在终端输入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依赖它来生成样式表。

扩展

了解TailwindCSS了解Wikitext插件的使用方法Wikitext插件

About

本站的TailwindCSS源文件

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •