最开始我只想用css 做一个简单的iPhone 样式,后来想法不断涌出,项目还使用了非工程化Vue.js、Webcam.js、Mapbox API
如果使用工程化Vue开发移动端效果会比现在好。
Safari 做的不是很好,之前想法是真正模拟浏览器 用iframe 但是一般网站都禁止非同源的调用。
而且在这个模拟的手机中显示其他的网页有点小,排版也不太好,最后干脆就新标签打开了。
模拟iPhone 实现了拍照、手电筒、Safari、地图、上滑底部横条等功能
Features
目前功能
- 实时时间日期
- 手电筒功能
- 拍照功能
- 拍照图库预览图功能
- iPhone底部横条上拖返回功能
- 桌面
- Safari
- 地图
Todolist
- 更换手机外壳颜色
- 更换壁纸
- 相机滤镜等功能实现
- 图库
- 音乐
Demo
Github
https://github.com/kayw-geek/...
截图
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。