All Projects → eidonlon → imitate-beautiful-thing

eidonlon / imitate-beautiful-thing

Licence: other
使用vue 做的一个h5 app。Using Vue to imitate a app.

Programming Languages

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

Projects that are alternatives of or similar to imitate-beautiful-thing

webpack-multiple-pages
自由代码分割、react/vue共存、支持高清方案、代码自动校验与格式化
Stars: ✭ 64 (+14.29%)
Mutual labels:  webpack3
react-router-v4-redux-ssr
Walkthrough for SSR with rr@v4 and rrr@v5
Stars: ✭ 58 (+3.57%)
Mutual labels:  webpack3
react-boilerplate
Step by Step React Boilerplate
Stars: ✭ 35 (-37.5%)
Mutual labels:  webpack3
autojs-webView
autojs的webView实现,支持初始化脚本注入、jsBridge两端互调
Stars: ✭ 38 (-32.14%)
Mutual labels:  h5
wx-mini
运用webpack编译构建小程序的脚手架(稳定版)
Stars: ✭ 21 (-62.5%)
Mutual labels:  webpack3
spa-custom-hooks
💯 Custom hook of business layer (asynchronous task notification solution), supporting various applets and Vue architectures (uni app, wepy, mpvue, etc.)
Stars: ✭ 307 (+448.21%)
Mutual labels:  h5
path-replace-loader
Path replace loader for webpack
Stars: ✭ 14 (-75%)
Mutual labels:  webpack3
gangxiaoer-taro
博雅塔小程序,基于Taro的版本,同步发布百度小程序,支付宝小程序。
Stars: ✭ 16 (-71.43%)
Mutual labels:  h5
tde-webpack-mjml-plugin
Webpack plugin for converting MJML files to HTML
Stars: ✭ 12 (-78.57%)
Mutual labels:  webpack3
vue-taobao
基于 vue2 + vuex + mint-ui 构建一个单页面应用
Stars: ✭ 19 (-66.07%)
Mutual labels:  webpack3
generator-speedseed
Oriented to components, allow create/choice template, multiple configuration with easy maintenance
Stars: ✭ 13 (-76.79%)
Mutual labels:  webpack3
bro-start
🚗💨 Blazing fast webpack setup for static websites
Stars: ✭ 12 (-78.57%)
Mutual labels:  webpack3
ztaro
一套基于taro, zoro的完整的微信小程序及h5开发解决方案
Stars: ✭ 37 (-33.93%)
Mutual labels:  h5
vue-picture-viewer
一款基于Vue2x的图片预览插件
Stars: ✭ 16 (-71.43%)
Mutual labels:  webpack3
boss-lite
Boss Lite - React Redux Material Admin Template
Stars: ✭ 148 (+164.29%)
Mutual labels:  webpack3
html-page-call-native
❤️ HTML5 call native app
Stars: ✭ 33 (-41.07%)
Mutual labels:  h5
react-webpack-starter
A really simple boiler plate for creating react applications bundled by webpack (using ES6+, Babel, SASS and webpack development server) ⚛️
Stars: ✭ 86 (+53.57%)
Mutual labels:  webpack3
vue-cropper-h5
h5的万能裁剪框,基于vue,样式类似微信,超好用!走过路过,请留下你们的小星星
Stars: ✭ 114 (+103.57%)
Mutual labels:  h5
Springboard-Data-Science-Immersive
No description or website provided.
Stars: ✭ 52 (-7.14%)
Mutual labels:  h5
vue-template
🎉 一个集成了 webpack + vue-loader + vuex + axios 的自定义 vue-cli 模板,其中包含 webpack 热更新,linting,测试以及 css 处理器等内容
Stars: ✭ 25 (-55.36%)
Mutual labels:  webpack3

imitate-beautiful-thing

Using Vue to imitate a app.

简介:这是一个使用vue全家桶做的一个app demo,纯粹学习而已。

移动端扫描下方二维码看效果

二维码

用到的技术

vue2 + vue-router + axios + webpack + express

后台接口数据

​用express 搭建的后台,因为没有数据库,所使用的数据是读取的本地json 文件,数据采集的有限,所以都是重复利用的,看到刷新到重复数据不要惊讶,这不是bug ​:scared:​ ]。

运行项目

#先克隆项目
git clone https://github.com/eidonlon/imitate-beautiful-thing.git

#进入文件夹
cd imitate-beautiful-thing

#安装依赖
npm install

#运行
npm run dev

#请在chrome下调成手机模式预览
#另,项目打包[此处只打包了前端的代码,后台并没有一起被打包]
npm run build 

效果演示

线上效果请戳这里;(在chrome下请调成手机模式预览);

效果gif:

效果

部分截图

首页

home

作品

menu

设计师

music

我的

read

详情

read

看到这里,给个star 吧。

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

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].