15个好看的Bootstrap HTML网站模板下载
随着移动端迅速发展，现在网站建设一般都要求兼容手机端，所以为了节约成本，大部分用户喜欢使用一些响应式特别流行使用Bootstrap来建站，其良好扩展性加上实用的特效功能，足以应付大多数网站需求。
今天设计达人网小编为大家整理一系列好看的Bootstrap HTML网站模板，大家可以用它来快速搭建自己的网站，比如企业站、个人站、美食类或作品展示网站等。
适合个人或工作到作品展示的响应式模板
一个单页模板，透明设计风格，若搭配一个漂亮的全屏背景图像，一定会很有感觉。
Backyard是一个漂亮着陆页模板，使用Bootstrap3搭建，拥有5种风格和6种配色。
宫格式布局，用来展示作品、照片的个人网站比较适合。
一套扁平化风格的APP HTML模板，做移动网页，可以尝试直接使用这套模板制作。
woo是一个干净、时尚的着陆页模板，全屏屏的设计，兼容流行的浏览器和移动端设备，适合用于APP、服务类网站。
单页模板，首页使用自适应全屏图像，网站导航默认隐藏起来，达到更简约的效果。
如果你正在推一本新书，那么这个图标介绍类模板就很适合你了
现在流行使用微信订餐，美食餐饮类等餐厅的网站都火起来，都想做一个兼容手机浏览的网站，这个模板就非常适合了。
一个欧美简约风格的企业站模板，响应式设计，兼容手机端浏览。
简约的单页模板
手机APP宣传网站模板
适用于旅游类的网站模板
Vue3.0桌面端聊天｜vue3仿微信/QQ网页版聊天实例
随着越来越稳定及的快速迭代推出，加上很多大厂相继推出了vue3的UI组件库，在2021年必然受到开发者的再一次热捧。
Vue3迭代更新频繁，目前高达20.2K+。
Vitejs目前的star达到15.7K+。
vue3-webchat 基于vue3.x+vuex4+vue-router4+element-plus+v3layer+v3scroll等技术架构的仿微信PC端界面聊天实例。
以上是仿制微信界面聊天效果，同样也支持QQ皮肤。
- 使用技术：vue3.0+vuex4+vue-router4
- UI组件库：element-plus（饿了么Vue3 pc端组件库）
- 弹窗组件：V3Layer（基于Vue3自定义桌面端弹窗）
- 滚动条组件：V3Scroll（基于Vue3自定义虚拟美化滚动条）
- iconfont图标：阿里字体图标库
大家看到的所有弹窗功能，均是自己开发的vue3.0自定义弹窗V3Layer组件。
前段时间有过一篇详细的分享，这里就不作介绍了。感兴趣的话可以去看看。
为了使得项目效果一致，所有页面的滚动条均是采用vue3.0自定义组件实现。
v3scroll 一款轻量级的pc桌面端模拟滚动条组件。支持是否原生滚动条、自动隐藏、滚动条大小/层叠/颜色等功能。
大家感兴趣的话，可以去看看这篇分享。
项目中主面板毛玻璃效果(虚化背景)
vue3.0中使用全局路由钩子拦截登录状态。
如上图：聊天编辑框部分支持文字+emoj表情、在光标处插入表情、多行文本内容。
编辑器抽离了一个公共的Editor.vue组件。
另外还支持粘贴截图发送，通过监听paste事件，判断是否是图片类型，从而发送截图。
还支持拖拽图片至聊天区域进行发送。
大家如果感兴趣可以自己去试试哈。
ok，基于vue3+element-plus开发仿微信/QQ聊天实战项目就分享到这里。
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场，未经允许不得转载。
投诉举报&联系我们：
