功能介绍

基于 Vue 3 的图片选择与标签管理，获取图库与图片列表，支持 1～5 星标签、按标签筛选和打包下载。

后端为 xunruicms 插件，提供图库管理、缩略图生成与访问控制。

选图端（用链接打开页面的使用者）

用专属链接打开：管理员会给你一个带密钥的链接，打开后会自动列出你可以看的图库。

看图库、点进去：左侧是图库列表，点某个图库就能看到里面所有图片的缩略图，一屏显示不下可以往下滚动继续看。

给图片打星：每张图可以打 1～5 星，点图片就能选星或取消，打好的星会保存在服务器，换电脑或清缓存也不会丢。

按星筛选：在顶部选某一颗星，列表就只显示带这颗星的图。

打包下载：筛选出想要的图之后，可以点「打包下载」，把当前列表里的图打成一个 ZIP 包下载到电脑。

看大图和详情：点某张图可以放大查看；再点「文件信息」能看到文件名、大小、修改时间，以及相机、光圈等拍摄信息（有的话会显示）。

手机也能用：小屏幕下页面会自动调整，侧栏在上、图片在下，方便触控操作。

后台管理（管理员）

建图库：可以新建多个图库，每个图库有名字和存放路径，列表里能看到每个图库的图片数量、原图占用空间、缩略图占用空间。

分配谁看哪个图库：在「权限/角色」里生成访问密钥，并勾选该密钥能访问哪些图库；把「访问地址」（带该密钥的链接）发给对应的人，对方用这个链接就能看到你允许的图库。

管理图库里的图：进入某个图库后，可以按文件名搜索、批量上传新图、删除某张图；支持翻页和「加载更多」，搜索不会整页刷新。

缩略图：图库里的图可以一键「生成缩略图」，列表和选图端都会用缩略图，加载更快；也可以「清空缩略图」重新生成。

功能截图