GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → laclys → yipao

laclys / yipao

Licence: other
PC SPA Base on Vue

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Labels

vuevue-clivue2vue-demo

Projects that are alternatives of or similar to yipao

Vue2 Demo
Vue 基于 Genesis + TS + Vuex 实现的 SSR demo
Stars: ✭ 2,072 (+11411.11%)
Mutual labels:  vue-cli, vue2, vue-demo
Vue Framework Wz
👏vue后台管理框架👏
Stars: ✭ 3,757 (+20772.22%)
Mutual labels:  vue-cli, vue2, vue-demo
Dashboard
A dashboard scaffolding based on Vue.js 3.0 created by Vite.
Stars: ✭ 497 (+2661.11%)
Mutual labels:  vue-cli, vue2, vue-demo
novel-vue
一个基于vue2.0开发的小说网站
Stars: ✭ 102 (+466.67%)
Mutual labels:  vue-cli, vue2, vue-demo
Douban
Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + Superagent
Stars: ✭ 2,324 (+12811.11%)
Mutual labels:  vue-cli, vue2, vue-demo
Vue Scroll Behavior
Customize the scrolling position on route navigation. Especially hash mode.
Stars: ✭ 132 (+633.33%)
Mutual labels:  vue-cli, vue2
Vue Wechat
🔥 基于Vue2.0高仿微信App的单页应用
Stars: ✭ 1,832 (+10077.78%)
Mutual labels:  vue-cli, vue2
Gpk admin
✨ GeekPark Content Management System
Stars: ✭ 150 (+733.33%)
Mutual labels:  vue-cli, vue2
Vuetify Todo Pwa
✔️ A simple Todo PWA built with Vue CLI 3 + Vuex + Vuetify.
Stars: ✭ 160 (+788.89%)
Mutual labels:  vue-cli, vue2
Github Ranking
🔍GitHub不同语言热门项目排行，Vue.js做页面展示
Stars: ✭ 160 (+788.89%)
Mutual labels:  vue-cli, vue2
Vue Objccn
🔥 Use Vue.js to develop a cross-platform full stack application / 用 Vue.js 开发的跨三端应用
Stars: ✭ 1,993 (+10972.22%)
Mutual labels:  vue-cli, vue2
Vue2 Scaffold
The best scaffold for Vue 2.x based on vue-cli#vuejs-templates/webpack
Stars: ✭ 125 (+594.44%)
Mutual labels:  vue-cli, vue2
Vuetify Swipeout
👆 A swipe out example built with Vue CLI 3 + Vuetify + Swiper.
Stars: ✭ 117 (+550%)
Mutual labels:  vue-cli, vue2
Vue Cli Multi Page
基于vue-cli模板的多页面多路由项目，一个PC端页面入口，一个移动端页面入口，且有各自的路由， vue+webpack+vue-router+vuex+mock+axios
Stars: ✭ 145 (+705.56%)
Mutual labels:  vue-cli, vue2
Vue Mobile Cli
🚀 Vue移动端多页应用脚手架
Stars: ✭ 112 (+522.22%)
Mutual labels:  vue-cli, vue2
Vue Cli Multipage Bootstrap
vue-cli-multipage-bootstrap demo with vue2+vue-router+vuex+bootstrap+markdown for learning vue2.0
Stars: ✭ 105 (+483.33%)
Mutual labels:  vue-cli, vue2
Vue Axios
封装axios
Stars: ✭ 215 (+1094.44%)
Mutual labels:  vue-cli, vue2
Vue2.0 Multi Page
基于vue-cli(vue2.X，webpack1.X，es6，sass环境)多页面开发
Stars: ✭ 206 (+1044.44%)
Mutual labels:  vue-cli, vue2
Vuetheme
WordPress theme using Rest API and Vue.js
Stars: ✭ 219 (+1116.67%)
Mutual labels:  vue-cli, vue2
M Eleme
饿了么移动端单页应用
Stars: ✭ 99 (+450%)
Mutual labels:  vue-cli, vue2
View All Similar Projects ➔

基于Vue-cli的PC端SPA实践（Yipao）

A Simple Vue2.0 project （IE9+） Still underConstruction 基于Vue-cli的PC端SPA Based on Vue-cli for PC SPA（仿·益跑网）

Demo

https://laclys.github.io/yipao/dist/index.html

Stack

Vue2.0+Vue-router2+Webpack2+ES6+Sass+Vue-lazyload+Vue-awesome-swiper

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

Directory structure

├─src
│  │  App.vue
│  │  main.js
│  │
│  ├─assets
│  │      index_fixed.png
│  │      logo.png
│  │
│  └─components
│      ├─column
│      │      column.vue
│      │
│      ├─enroll
│      │      enroll.vue
│      │
│      ├─equip
│      │      equip.vue
│      │
│      ├─footer
│      │      footer.vue
│      │
│      └─index
│              index.vue
│
└─static //(reset.css and image files)
└─index.html

Demo images

TODO

进一步组件化

性能优化

Thanks

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].