# tile

**Repository Path**: lxwzsh123/tile

## Basic Information

- **Project Name**: tile
- **Description**: layui磁贴，一款磁贴快捷菜单生成器
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-06-16
- **Last Updated**: 2025-06-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# layui磁贴

#### 介绍
一款磁贴快捷菜单生成器：
- 只需要给出待渲染的地方和磁贴配置项json数据即可使用
- 可以自由的交换磁贴块位置
- 可以自由拖动磁贴位置
- 可以根据需要自动创建和销毁磁贴块
- 可以对磁贴块名称进行编辑
- 可以自定义磁贴的背景样式和点击事件
- 可以开启磁贴随机动画
- 可以开启缓存功能，由layui将当前磁贴配置项缓存起来，下次继续使用

> 软件架构
1. tile.js是主要的交互逻辑
2. tile.css是主要的样式
3. animate.css是动画样式，节选自Win10 UI
4. 使用layui以及它下面的layui.$和layui.data

> 使用说明
1.  首先需要引入layui.js和layui.css(引入layui.css是使用了里面的一个字体图标)
2.  引入tile模块。既可以使用script标签引入，也可以作为layui的模块引入。会自动引用css文件
3.  调用方法创建一个磁贴管理器即可

> 预览

## 效果图
![输入图片说明](https://foruda.gitee.com/images/1677587474077919812/4022b21d_5667644.png "普通.png")

> 添加随机动画


![输入图片说明](https://foruda.gitee.com/images/1677587486446540761/986ef88e_5667644.png "随机动画.png")

> Gitee Pages
[http://my_sword_will_drink_blood.gitee.io/tile/](http://my_sword_will_drink_blood.gitee.io/tile/)