本WIKI外观设计

> 本WIKI外观设计

短•刷•阅•编•历

> 本WIKI内容规范 > 本WIKI外观设计

短•刷•阅•编•历

本页面主要展示本WIKI的外观设计颜色（代表色）、使用的语法以及外观设计标准。

涉及到外观设计的一些图片应统一命名为“外观设计+XX（版本）+XX”，并分类至“外观设计”。

外观1.0

界外狂潮标志色

界外狂潮以及界外狂潮BWIKI以界外狂潮其标志性的绿和紫作为标志色，以其他颜色为辅。

主颜色

下面这些都是《界外狂潮》官方规定的主色。

--m-black:黑色#181818

-m-white:白色#e6e6e6

--m-green:绿色#b3ff0f

--m-yellow:黄色#fdf91e

--m-blue:蓝色#2ef3de

--m-pink:粉色#f438be

--m-purple:紫色#7a4dfe

本WIKI使用的颜色组

在对界外狂潮LOGO取色以及官方颜色的基础上，本WIKI主要使用以下颜色：

白日方案

--wiki-bg

--bg

--text

--text-p

--text-g

--border

--border-p-t

--border-g

--border-g-t

--shadow

--shadow-t

.渐变色组1（紫-绿）

.渐变色组1（紫-绿）-t

.渐变色组2（透明度）

.渐变色组2（透明度）-t

.渐变色组3（紫-白）

.渐变色组4（紫-透明）

.渐变色组5（绿-白）

.渐变色组6（绿-透明）

.背景填充url('[1]')

BOX-4预览

主文本；紫色文本；绿色文本。

--wiki-bg

--bg

--text

--text-p

--text-g

--border

--border-p

--border-p-t

--border-g

--border-g-t

--shadow

--shadow-t

.渐变色组1（紫-绿）

.渐变色组1（紫-绿）-t

.渐变色组2（透明度）

.渐变色组2（透明度）-t

.渐变色组3（紫-白）

.渐变色组4（紫-透明）

.渐变色组5（绿-白）

.渐变色组6（绿-透明）

.背景填充url('[2]')

动画

一般情况下，本WIKI的过渡动画时长均为0.2s，这也是一般FPS玩家大致的反应时长。

语法

这里收集一些常用语法，方便使用。

展开关闭

取自https://wiki.biligame.com/wiki/index.php?title=%E5%B8%AE%E5%8A%A9:%E8%87%AA%E5%AE%9A%E4%B9%89WIKI%E5%AF%BC%E8%88%AA%E6%A0%8F。

<div class=drop-down-wrap >
<div class=wrap-title style="height:20px;border:1px solid;border-radius:3px">
<div class=title style="height:20px;line-height:15px">点击展开</div>
<div class="glyphicon icon-arrow-plus"></div>
</div>
<div class=wrap-content style="">
此为展开部分
</div>
</div>

点击展开

此为展开部分

手机端显示/隐藏

class="hidden-xs"
class="visible-xs"

info函数

{{#info:infomation1|info}}
{{#info:infomation2|note}}
{{#info:infomation3|warning}}

效果为；
infomation1 infomation2 infomation3