项目名称

arisu.js及其他项目、案例依赖的样式合集

简介

功能

一、arisu.css 包含所有样式

  /** arisu.css 包含所有样式 **/
  /** 基础常用 **/
  @import "base/base.css";
  /** 常用案例 **/
  @import "case/case.css";
  /** 按钮 **/
  @import "button/button.css";
  /** 表单 **/
  @import "form/form.css";
  /** 加载动画 **/
  @import "loading/loading.css";
  /** 手风琴按钮 **/
  @import "accordion/accordion.css";
  /** 页面模块 **/
  @import "block/block.css";
  /** 模块动画 **/
  @import "animate/animate.css";
  /** 图片动画 **/
  @import "image/image.css";
  /** 滚屏 **/
  @import "carousel/carousel.css";
  /** 弹框 **/
  @import "modal/modal.css";
  /** 单页范例样式 **/
  @import "page/page.css";
  /** 页内tabs模块显示 **/
  @import "tabs/tabs.css";

二、arisu.pack.css 根据需要逐个添加

  /** 字体链接变量等初始化 **/
  @import "base/init.css";
  /** 下划线动画 .be-a **/
  @import "base/be-a.css";
  /** 顶部导航，依赖 meanmenu.js  **/
  @import "case/mn-nav.css";
  /** goto插件 **/
  @import "case/ce-gotop.css";
  /** 页面载入loading7 **/
  @import "loading/ae-preloader-7.css";
  /** [面板模块-7] 文字描述列表块 1 **/
  @import "case/ce-t3-title.css";
  /** [标题块] bk-title 样式 **/
  @import "block/bk-title.css";
  /** [页面布局] bk-card-9 **/
  @import "block/bk-card-9.css";
  /** [面板模块-7] 文字描述列表块 2 **/
  @import "case/ce-text-4.css";
  /** [表单文字-6] 联系我们表单模板 **/
  @import "case/ce-contact.css";
  /** 标题样式 3 **/
  @import "case/ce-header-3.css";
  /** [导航页脚-4] 页脚 **/
  @import "case/ce-foot.css";
  /** 时间线 v3**/
  @import "case/ce-timeline-3.css";
  /** [页面布局] bk-card-1 **/
  @import "block/bk-card-1.css";

安装

  npm i arisu.css

使用：

import 'arisu.css/dist/arisu.css';

联系

https://arisu.cn