Skip to content

w15scan开发记录_ 前端

字数
317 字
阅读时间
2 分钟
更新日期
2/27/2022

今年的计划想做个src资产收集平台,原本想改改之前的w12scan,当初写它,扫描器端没有花很大力气,前端和后端倒是用了很多时间,主要是在交互和体验上。

w12scan的体验视频:

根据以往命名的方案,现在这个扫描器我叫它w15scan,主要是SRC的资产收集平台,将以前写的扫描器整合起来,方便操作。

w12scan当初写的前端,全是用html拼凑起来的,后面想新增功能什么的都要用jquery去操作,很麻烦。之前学了vue,写起前端来很是轻松,于是花了一周时间,看vue-admin-template了解了vue写后台大概需要的动作,然后把之前的前端框架转成vue的,又用上了elementui

花了一周时间”设计”心目中的前端,主要就是把vue框架东拼西凑各种组件,把它拼到一个页面上,能看就行。

这个文章就是纯发帖记录一下w15scan的开发历程~

撰写

布局切换

调整 VitePress 的布局样式,以适配不同的阅读习惯和屏幕环境。

全部展开
使侧边栏和内容区域占据整个屏幕的全部宽度。
全部展开,但侧边栏宽度可调
侧边栏宽度可调,但内容区域宽度不变,调整后的侧边栏将可以占据整个屏幕的最大宽度。
全部展开,且侧边栏和内容区域宽度均可调
侧边栏宽度可调,但内容区域宽度不变,调整后的侧边栏将可以占据整个屏幕的最大宽度。
原始宽度
原始的 VitePress 默认布局宽度

页面最大宽度

调整 VitePress 布局中页面的宽度,以适配不同的阅读习惯和屏幕环境。

调整页面最大宽度
一个可调整的滑块,用于选择和自定义页面最大宽度。

内容最大宽度

调整 VitePress 布局中内容区域的宽度,以适配不同的阅读习惯和屏幕环境。

调整内容最大宽度
一个可调整的滑块,用于选择和自定义内容最大宽度。

聚光灯

支持在正文中高亮当前鼠标悬停的行和元素,以优化阅读和专注困难的用户的阅读体验。

ON开启
开启聚光灯。
OFF关闭
关闭聚光灯。

聚光灯样式

调整聚光灯的样式。

置于底部
在当前鼠标悬停的元素下方添加一个纯色背景以突出显示当前鼠标悬停的位置。
置于侧边
在当前鼠标悬停的元素旁边添加一条固定的纯色线以突出显示当前鼠标悬停的位置。