最开始我只想用 css 做一个简略的 iPhone 款式,起初想法一直涌出,我的项目还应用了非工程化 Vue.js、Webcam.js、Mapbox API
如果应用工程化 Vue 开发挪动端成果会比当初好。
Safari 做的不是很好,之前想法是真正模仿浏览器 用 iframe 然而个别网站都禁止非同源的调用。
而且在这个模仿的手机中显示其余的网页有点小,排版也不太好,最初罗唆就新标签关上了。
模仿 iPhone 实现了拍照、手电筒、Safari、地图、上滑底部横条等性能
Features
目前性能
- 实时工夫日期
- 手电筒性能
- 拍照性能
- 拍照图库预览图性能
- iPhone 底部横条上拖返回性能
- 桌面
- Safari
- 地图
Todolist
- 更换手机外壳色彩
- 更换壁纸
- 相机滤镜等性能实现
- 图库
- 音乐
Demo
Codepen
Github
https://github.com/kayw-geek/…
截图