介绍
@universalviewer/uv-cy-gb-theme是一款基于UniversalViewer的中文经典古籍样式主题。此主题极易使用,已通过测试在所有数码设备上得到很好的渲染效果。
安装
在项目根目录执行以下命令来安装:
npm install @universalviewer/uv-cy-gb-theme
引入
index.html
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- ---------------- -------------- ----- ---------------- --------------- ---------------------------------------------------------------------------- ------- ---------------------- ------------------------------------------------------------------- ------- ---------------------- ---------------------------------------------------------------------- ------- ---------------------- ----------------------------------------------------------------------------- ------- ---------------------- ----------------------------------------------------------------------- ------- ---------------------- ---------------------------------------------------------------- ------- ---------------------- ---------------------------------------------------------------- ------- ---------------------- ---------------------------------------------------------------------------------------- ------- ---------------------- ------------------------------------------------------------------------------------------------- ------- ---------------------- ----------------------------------------------------------- ------- ------ ---- -------------- ------- ----------------------- --- ------ - - ---------- ----- -------- ----- ---------- - -------- - - -------------- - ------------------ -------- ---------- - --------- - -------- --------------------------------------------- ------- -------------------------------------------- ------- -------------------------------------------- ------- -------------------------------------------- --------- ----------------------------------------------- ---------- ------------------------------------------------ --------- ---------------------------------------------- ----------- ------------------------------------------------ ------ ------------------------------------------ - - - - - -- --- -- - ------------------------- ----- ---------------- --------- ------- -------
配置
theme.config.json
-- -------------------- ---- ------- - ---------- - ---------- ----- --------------- ------ -------------- ----- ------------------ ----- --------------- ------ ---------------- ----- --------------------- ----- ----------------------- ----- ------------------- ----- --------------------------- ----- ---------------- ----- -------------------- ----- ---------------------- ----- ---------- - -------- - ----------- ----------- ----------- ------- -------- -------- ------------- ----- -------- ------- ------- --------- --------- ------ ------ --------- --------- ------ ------ -- ---------- --------- ----- ---- ---------- ----- ----- ----------- ----------- ------- ------- -------- -------- ------- ------- ------- ------- -------- -------- --------------- ------- ------ --- ---------- ------ ------ ------- - ------ ----- --------- -- --------- ------ ---------- -- --------- -------- ----------- -- -------- - ------- ------- -------- -------- ------- ------- ------- ------- --------- --------- ----------- ---------- -- -------- - ---------- ------ --------- ------------- ----- -------- ------------ ----- ------- ------------- ------- ----- ------ -------------- ------- ----- ------- --------- ----- ---- ---------- ----- ----- ----------- ----------- ------- ------- ------ ---- ----- -- ------ ------ ------------- ------ ---- -------- ----------------- ----- ---- ------- -- -------- - --------------- ----- -------- --- ------- ----------------------- ---- ---- ----- --- -- -------- ------------------- ------- -- ---- -------- -- ------- - - - - -
示例代码
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- ---------------- -------------- ----- ---------------- --------------- ---------------------------------------------------------------------------- ------- ---------------------- ------------------------------------------------------------------- ------- ---------------------- ---------------------------------------------------------------------- ------- ---------------------- ----------------------------------------------------------------------------- ------- ---------------------- ----------------------------------------------------------------------- ------- ---------------------- ---------------------------------------------------------------- ------- ---------------------- ---------------------------------------------------------------- ------- ---------------------- ---------------------------------------------------------------------------------------- ------- ---------------------- ------------------------------------------------------------------------------------------------- ------- ---------------------- ----------------------------------------------------------- ------- ------ ---- -------------- ------- ----------------------- --- ------ - - ---------- ------------------------------------ ---------- - --------- ------ ------------------ ----- ---------- - -------- - ----------- ----------- ----------- ------- -------- -------- ------------- ----- -------- ------- ------- --------- --------- ------ ------ --------- --------- ------ ------ -- ---------- --------- ----- ---- ---------- ----- ----- ----------- ----------- ------- ------- -------- -------- ------- ------- ------- ------- -------- -------- --------------- ------- ------ --- ---------- ------ ------ ------- - ------ ----- --------- -- --------- ------ ---------- -- --------- -------- ----------- -- -------- - ------- ------- -------- -------- ------- ------- ------- ------- --------- --------- ----------- ---------- -- -------- - ---------- ------ --------- ------------- ----- -------- ------------ ----- ------- ------------- ------- ----- ------ -------------- ------- ----- ------- --------- ----- ---- ---------- ----- ----- ----------- ----------- ------- ------- ------ ---- ----- -- ------ ------ ------------- ------ ---- -------- ----------------- ----- ---- ------- -- -------- - --------------- ----- -------- --- ------- ----------------------- ---- ---- ----- --- -- -------- ------------------- ------- -- ---- -------- -- ------- - - -- ---------- ----------------------- ------------ -------- ------------------ -------- ------------------------- ----- ------------ --------- ------------ - -------------- ----- ---------- ------ -------------- ------ ---------------- --------------------- ---------- ----------------------------------- -------------- ----------------------------------------- ------------------------- ----- -------- ------------ -------------- ----------- -- ---------- - ---------- ----- --------- --- ----------- -------- -- ---------------- ---------------------- ---------- --- ------------------------- --- ----------------------- --- -------------- ----- --------- -------- -------------- ----- ---------- --------------- ------------ ------------------------------------------ ------------------------------------------ ----------------------- ------------------------ ----------------------- ----- --------------------- ----- --------------------- ----- --------------- ------- -------------- ------- ---------------- -- -------------- --------------------------------------------- --------------- -------- -------------------- ------ ------------------------- ----- ------------ --------------------------- -------- - - -------------- - ------------------ -------- ---------- - --------- - -------- ------------------------------------------ ------- ----------------------------------------- ------- ----------------------------------------- ------- ----------------------------------------- --------- -------------------------------------------- ---------- --------------------------------------------- --------- ------------------------------------------- ----------- --------------------------------------------- ------ --------------------------------------- - - - - - -- --- -- - ------------------------- ----- ---------------- --------- ------- -------
总结
通过本教程,我们已经详细地介绍了如何使用npm包@universalviewer/uv-cy-gb-theme,并提供了示例代码及配置文件模板。希望本教程能够对您有深度和指导意义,使您能够更加轻松地使用此npm包来设计和开发中文经典古籍主题。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5eedb549b5cbfe1ea0611408