Feahter / vue-H5-template

H5 template by vue+swiper+animate.css.

Home Page:https://feahter.github.io/vue-H5-template

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-h5-template

怎么用?

step.1

git clone git@github.com:Feahter/vue-H5-template.git

step.2

npm install

step.3

npm run serve

Build:

npm run build

H5素材清单

参考素材:

模版:http://www.haalthy.com/demo/

动画:https://daneden.github.io/animate.css/

Loading:https://loading.io/

图片优化:https://tinypng.com/

移动适配优化:https://github.com/Feahter/remeta

通用素材:

• 1背景音乐1-2M大小的MP3格式 • 2.右上角音乐icon png格式 • 3.进入的loading svg格式 • 4.首页上滑的引导箭头 png格式

单独项目素材:

  1. 每屏的素材内容(图或文或图+文)标记 给到切图素材都通过tinypng优化一下
  2. 每个素材对应的animation-name、transition和delay(动画进入的效果,动画持续的时间,这个动画延迟多少秒执行)名称参考 参考素材->动画有的

About

H5 template by vue+swiper+animate.css.

https://feahter.github.io/vue-H5-template


Languages

Language:Vue 93.1%Language:HTML 4.7%Language:JavaScript 2.2%