辛米尔标准界面组件·排版框架结构件集

npm 包

npm 包之名称

@xinmier/ui--layout-parts 。

npm 包之主页

https://www.npmjs.com/package/@xinmier/ui--layout-parts。

概述

该软件是一个 npm 包，下称【本软件】。

本软件拟包含一系列界面编程组件，面向网页开发人员，而非最终用户。

本软件拟包含的一系列界面组件，应全都是用于页面排版之框架结构件，诸如常用的【上中下】三层结构、精彩的【玻璃面板】、实用的【贴边可悬浮面板】等等。

本软件中的所有组件均采用 Vuejs 3 框架编写。仅适用于 Vuejs 3 。

用法（面向网页开发人员）

安装

本软件服务于采用 Vuejs 3 框架的网页开发项目。故而，欲采用本软件，须先自行架设一个 Vuejs 3 项目。

在命令行环境中，cd 进入你的网页开发项目的文件夹，并执行以下命令：

npm  i  @xinmier/ui--layout-parts

重要变更

• 自 v2.0.0 版始，一切【样式类名】中：

  1. 凡【实体身份标识】类的【样式类名】，凡根级，一律以 xme-- 开头。例 .xme-floatable-panel 。
  2. 凡【实体身份标识】类的【样式类名】，凡内层，一律以 shi-ti-- 开头。例 .shi-ti--button--toggle-expansion 。
  3. 凡表征【状态】的【样式类名】，一律以 zhuang-tai-- 开头。例 .zhuang-tai--look--expanded-and-pinned 。

  小结：本组件库共有三种【样式类名】前缀： xme-- 、 shi-ti-- 和 zhuang-tai-- 。

在代码中使用本软件包内诸组件

各组件之说明书如下。

• 《玻璃面板·说明书》。

  • 本代码库中的相对路径。
  • 在《码云》上的绝对路径。

• 《贴边可悬浮面板·说明书》。

  • 本代码库中的相对路径。
  • 在《码云》上的绝对路径。

• 《三段式排版框架·说明书》。

  • 本代码库中的相对路径。
  • 在《码云》上的绝对路径。

• 《多功能图像框（甲）·说明书》。

  • 本代码库中的相对路径。
  • 在《码云》上的绝对路径。

• 《视窗阵列第1版·说明书》。

  • 本代码库中的相对路径。
  • 在《码云》上的绝对路径。

• 《视窗阵列第2版·说明书》。

  • 本代码库中的相对路径。
  • 在《码云》上的绝对路径。

• 《卡片与卡片阵列·说明书》。

  • 本代码库中的相对路径。
  • 在《码云》上的绝对路径。