Skip to content

Commit

Permalink
更新
Browse files Browse the repository at this point in the history
  • Loading branch information
沫烬染 committed Jan 19, 2024
1 parent b88cd3c commit 1b6b4a5
Show file tree
Hide file tree
Showing 3 changed files with 43 additions and 25 deletions.
47 changes: 33 additions & 14 deletions src/docs/Web-Components.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,21 +10,40 @@

LiteLoaderQQNT 使用 Web Components 封装了 QQNT 设置界面的一些组件,使你能够简单且快速的构建 QQNT 原生样式的插件配置界面

自定义标签全部由 `setting-` 开头,自定义属性全部由 `data-` `is-` 开头并且是响应式,以下是已封装实现的组件标签名

- setting-section - 每一节的设置
- setting-panel - 选项容器
- setting-list - 选项列表
- setting-item - 选项条目
- setting-select - 下拉选择框
- setting-option - 选择框选项
- setting-switch - 开关按钮
- setting-button - 普通按钮
- setting-text - 文本
- setting-divider - 分割线
自定义标签全部由 `setting-` 开头,自定义属性全部由 `data-` `is-` 开头并且是响应式,以下是已封装实现的组件标签以及属性

- `setting-section` - 每一节的设置
- `data-title` - 标题
- `setting-panel` - 选项容器
- `setting-list` - 选项列表
- `data-direction` - 排列方向
- `column` - 纵向
- `row` - 横向
- `is-collapsible` - 是否为可折叠列表
- `data-title` - 标题
- `setting-item` - 选项条目
- `data-direction` - 排列方向
- `column` - 纵向
- `row` - 横向
- `setting-select` - 下拉选择框
- `setting-option` - 选择框选项
- `data-value` - 数据值
- `is-selected` - 是否为已选择
- `setting-switch` - 开关按钮
- `is-active` - 是否为激活
- `setting-button` - 普通按钮
- `data-type` - 类型
- `primary` - 主要
- `secondary` - 次要
- `is-disabled` - 是否为禁用
- `setting-text` - 文本
- `data-type` - 类型
- `secondary` - 次要
- `setting-divider` - 分割线
- `data-orientation` - 方向
- `horizontal` - 水平
- `vertical` - 垂直



## 用法

正在施工中...
19 changes: 9 additions & 10 deletions src/docs/introduction.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,6 @@
- 前端基础知识
- Node.js
- Electron

- 环境搭建
- QQNT
- LiteLoaderQQNT
Expand Down Expand Up @@ -44,17 +43,17 @@ git clone https://github.com/LiteLoaderQQNT/Plugin-Template.git --depth 1

### 目录结构

- LiteLoaderQQNT(本体)
- data数据目录
- Plugin-Template插件根目录
- config.json
- `LiteLoaderQQNT` - 本体
- `data` - 数据目录
- `Plugin-Template` - 插件根目录
- `config.json`
- ...
- plugins插件目录
- Plugin-Template插件根目录
- src
- manifest.json
- `plugins` - 插件目录
- `Plugin-Template` - 插件根目录
- `src`
- `manifest.json`
- ...
- src本体源码
- `src` - 本体源码
- ...

### manifest.json
Expand Down
2 changes: 1 addition & 1 deletion src/guide/introduction.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ LiteLoaderQQNT 是 QQNT 的插件加载器,一般在 QQNT 的环境内简称
## 版本支持

只要能装 QQNT 就能装 LiteLoaderQQNT
支持 Windows | Linux | MacOS 系统平台
支持 `Windows` `Linux` `MacOS` 系统平台
支持 20811 以及老版本(截止目前新版未测)


Expand Down

0 comments on commit 1b6b4a5

Please sign in to comment.