Svelte+SvelteKit实例+组件
文章平均质量分 74
分享一些svelte自定义组件及项目实例。
xiaoyan_2018
整理H5笔记/项目实战案例,分享交流平时的一些真实项目开发过程和经验。
QQ:28231092 wx:xy190310
展开
-
Svelte-Ui-Admin基于svelte-ui中后台管理系统|Svelte3+Vite3后台框架
Svelte Ui Admin一款高颜值基于svelteKit+svelteUi开发的中后台管理系统。原创 2022-09-17 09:49:17 · 4787 阅读 · 5 评论 -
svelte-ui:基于svelte3桌面pc版组件库
svelte-ui 一款精美轻量级的桌面UI组件库。基于svelte3.x开发,功能效果比较接近elementUI组件库。原创 2022-08-17 07:35:51 · 4810 阅读 · 10 评论 -
基于svelte3+sass仿微信网页版聊天|svelte.js 桌面聊天实例SvelteWebChat
基于最新前端svelte.js框架开发仿微信网页端聊天项目。整体虚化背景UI质感,全新的Dock可左右滚动菜单。支持发送消息+emoj、图片/视频/链接预览、拖拽+粘贴截图发送图片、红包/朋友圈、主题换肤等功能。原创 2022-05-15 08:50:58 · 2206 阅读 · 1 评论 -
svelte-scrollbar: 基于svelte.js自定义滚动条组件|svelte3虚拟滚动条
基于svelte3.x构建轻量级自定义pc端虚拟滚动条组件SvelteScrollbar。支持原生滚动条、自动隐藏、垂直+水平滚动、自定义尺寸/颜色及间隔等功能。在lib目录下新建Scrollbar组件文件夹。引入插件import Scrollbar from '$lib/Scrollbar'svelte-layer 一款svelte3自定义网页版弹窗组件如上图:支持垂直+水平两种滚动模式,另外水平滚动条还支持滚轮滑动。使用插件使用 <Scrollbar></S.原创 2022-05-07 07:12:58 · 723 阅读 · 0 评论 -
svelte-layer: 基于svelte3.x桌面PC端弹窗组件|svelte.js网页弹窗
基于svelte.js开发的轻量级pc桌面版对话框组件SvelteLayer。支持超过30+参数自定义配置,支持拖拽/缩放/全屏/最大化/iframe弹窗及自定义层级等功能。原创 2022-04-18 08:12:17 · 742 阅读 · 0 评论 -
svelte-chat仿微信app聊天室|svelte3.x+svelteKit聊天实例
svelte3.x-chat 基于svelte.js开发的仿微信app界面聊天实例项目。使用了最新的svelte.js+svelteKit+mescroll.js+svelte-popup等技术搭建开发的仿微信app界面聊天项目。支持发送图文消息/gif动图、图片/视频预览、下拉刷新、红包及朋友圈等功能。使用技术编码器:VScode框架技术:svelte^3.46 + svelteKit下拉组件:mescroll.js^1.4.2样式处理:sass + svelte-preproces原创 2022-04-07 07:59:50 · 899 阅读 · 1 评论 -
svelte3自定义弹窗svPopup组件|svelte手机端对话框
sv-popup 基于 svelte.js 开发的多功能移动端alert|dialog|model|toast组件。支持超过20+参数自定义配置及多种弹出动画效果。基于Svelte3.x手机端弹出层组件(组件式+函数式)在lib目录下新建Popup弹窗目录。在需要的.svelte页面引入组件。import Popup, {svPopup} from '$lib/Popup'引入的 Popup 是组件式写法, svPopup 是函数式写法。标签式写法<!-- 询问框 --&g.原创 2022-03-18 01:11:50 · 969 阅读 · 0 评论 -
Svelte3.x自定义Navbar+Tabbar组件
Svelte 是构建 Web 应用程序的一种新框架。Svelte 是一个编译器,它将声明性组件转换成高效的 JavaScript 代码,并快速响应细粒度地更新 DOM。最近一直在学习前端新框架Svelte。号称比vue还快,无虚拟dom操作。今天就给大家分享一些svelte自定义组件的相关知识。在lib公共目录下新建headerbar和tabbar组件。在需要使用组件的页面或者公共模板__layout.svelte中引入组件。import HeaderBar from '$lib/Head.原创 2022-03-12 10:42:31 · 1305 阅读 · 0 评论