ocean-charlist

主要功能是，列表展示详情的时候，一般是网页跳转去查看详情。 因为资源的重新加载，会有白屏时间。做成单页，添加转场动效，查看详情。 适用于官网的角色列表和角色详情查看。

安装

npm install ocean-charlist

使用

import Char from "ocean-charlist";
 new Char({
    nav : ".j-char-nav",// 列表item
    list : ".j-char-detail-list",// 详情列表的选择器
    listItem : ".j-char-detail",// 详情元素的选择器
    closeBtn : ".j-close-btn",// 关闭按钮的选择器
    charImg : ".j-char-detail-img",//详情的图片元素
    slideChild : ".j-slide-left",//展示详情时滑动出场的元素
    rotateChild : ".j-char-detail-img",//展示详情时旋转出场的元素
    childListName : ".j-char-name"//关闭详情时，需求添加列表
})