Convert Figma logo to code with AI

bailicangdu logovue2-elm

Large single page application with 45 pages built on vue2 + vuex. 基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用

40,922
12,452
40,922
117
View on GitHub

Top Related Projects

vuejs's avatar

vue

207,677

This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

ElemeFE's avatar

element

54,105

A Vue.js 2.0 UI Toolkit for Web

iview's avatar

iview

23,988

A high quality UI Toolkit built on Vue.js 2.0

PanJiaChen's avatar

vue-element-admin

87,517

:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin

lin-xin's avatar

vue-manage-system

18,715

Vue3、Element Plus、typescript后台管理系统

vueComponent's avatar

ant-design-vue

20,061

🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

Quick Overview

vue2-elm is a comprehensive Vue.js 2.0 project that replicates the functionality of the Elm food delivery app. It serves as a full-stack demonstration, showcasing both front-end and back-end development using Vue.js and Node.js respectively. The project aims to provide a learning resource for developers interested in building complex web applications with Vue.js.

Pros

  • Extensive and realistic project structure, mimicking a real-world application
  • Comprehensive implementation of various Vue.js features and best practices
  • Includes both front-end and back-end code, offering a full-stack learning experience
  • Well-documented codebase with detailed comments

Cons

  • Based on Vue.js 2.0, which is not the latest version of the framework
  • Large codebase might be overwhelming for beginners
  • Some dependencies may be outdated, requiring updates for production use
  • Limited multilingual support

Code Examples

  1. Vue component example:
<template>
  <div class="rating_container">
    <section class="star_container">
      <section :style="'width:' + rating*2/5 + 'rem'" class="star_overflow">
        <svg class="grey_fill" v-for="num in 5" :key="num">
          <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#star"></use>
        </svg>
      </section>
    </section>
    <div class="rating_num">
      <span>{{rating}}</span>
    </div>
  </div>
</template>

<script>
export default {
  props: ['rating']
}
</script>

This code snippet shows a Vue.js component for displaying a star rating.

  1. Vuex store example:
import Vue from 'vue'
import Vuex from 'vuex'
import mutations from './mutations'
import actions from './action'
import getters from './getters'

Vue.use(Vuex)

const state = {
  latitude: '', // Current latitude
  longitude: '', // Current longitude
  cartList: {}, // Shopping cart
  shopDetail: null, // Shop details
  userInfo: null, // User info
  shopid: null, // Shop ID
  remarkText: null, // Remark text
  inputText: '', // Input text
  invoice: false, // Invoice
  newAddress: [], // New address
  searchAddress: null, // Search address
  geohash: 'wtw3sm0q087', // geohash
  choosedAddress: null, // Chosen address
  addressIndex: null, // Address index
  needValidation: null, // Need validation
  cartId: null, // Cart ID
  sig: null, // Signature
  orderParam: null, // Order parameters
  orderMessage: null, // Order message
  orderDetail: null, // Order details
  login: true, // Login status
  imgPath:null, // Image path
  removeAddress:[],  // Remove address
  addAddress:'', // Add address
  question: null, // Question
  cartPrice: null, // Cart price
}

export default new Vuex.Store({
  state,
  getters,
  actions,
  mutations,
})

This code shows the Vuex store configuration for the application.

Getting Started

  1. Clone the repository:

    git clone https://github.com/bailicangdu/vue2-elm.git

  2. Install dependencies:

    cd vue2-elm
npm install

  3. Run the development server:

    npm run dev

  4. Build for production:

    npm run build

Competitor Comparisons

vuejs logo

vue

207,677

This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

Pros of Vue

  • Core framework with extensive documentation and community support
  • Flexible and scalable for projects of all sizes
  • Regular updates and maintenance from the Vue.js core team

Cons of Vue

  • More complex setup for large-scale applications
  • Steeper learning curve for advanced features
  • Less opinionated, requiring more decision-making for project structure

Code Comparison

vue2-elm (Element selection):

export default {
  name: 'shopList',
  data() {
    return {
      offset: 0,
      shopListArr: [],
      preventRepeatReuqest: false,
      showBackStatus: false,
      showLoading: true,
      touchend: false,
    }
  },
}

Vue (Core library):

export function createApp(rootComponent, rootProps = null) {
  const app = ensureRenderer().createApp(rootComponent, rootProps)
  const { mount } = app
  app.mount = (containerOrSelector) => {
    const container = normalizeContainer(containerOrSelector)
    if (!container) return
    // ...
  }
  return app
}

Summary

Vue is a comprehensive framework suitable for various project sizes, while vue2-elm is a specific implementation using Vue 2 for an Elm-like application. Vue offers more flexibility and ongoing support but may require more setup for complex projects. vue2-elm provides a ready-to-use structure for a specific use case but may be less adaptable to different project requirements.

ElemeFE logo

element

54,105

A Vue.js 2.0 UI Toolkit for Web

Pros of element

  • Comprehensive UI component library for Vue.js applications
  • Extensive documentation and active community support
  • Regular updates and maintenance from the Eleme team

Cons of element

  • Larger bundle size due to the extensive component library
  • Steeper learning curve for developers new to component libraries
  • Less flexibility for custom styling compared to building from scratch

Code Comparison

element:

<el-button type="primary" @click="handleClick">Click me</el-button>

vue2-elm:

<section class="btn-container">
  <button class="btn" @click="handleClick">Click me</button>
</section>

Key Differences

  • element is a UI component library, while vue2-elm is a full-fledged food delivery application
  • vue2-elm provides a complete application structure and implementation
  • element focuses on reusable components for various Vue.js projects

Use Cases

  • element: Ideal for rapidly building consistent UI across multiple Vue.js projects
  • vue2-elm: Useful as a reference for building complex Vue.js applications, especially in the food delivery domain

Community and Support

  • element: Large community, frequent updates, and official backing from Eleme
  • vue2-elm: Smaller community, less frequent updates, but valuable for learning Vue.js application architecture
iview logo

iview

23,988

A high quality UI Toolkit built on Vue.js 2.0

Pros of iView

  • Comprehensive UI component library with 40+ components
  • Extensive documentation and examples
  • Active development and regular updates

Cons of iView

  • Steeper learning curve for beginners
  • Less flexibility for custom designs compared to vue2-elm

Code Comparison

vue2-elm (App.vue):

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

iView (example usage):

<template>
  <div>
    <Button type="primary">Primary Button</Button>
    <Table :columns="columns" :data="data"></Table>
  </div>
</template>

<script>
export default {
  // Component logic
}
</script>

Summary

vue2-elm is a complete food delivery application built with Vue.js, offering a real-world example of a full-stack Vue project. It provides a great learning resource for developers looking to understand how to structure a large-scale Vue application.

iView, on the other hand, is a UI component library for Vue.js. It offers a wide range of pre-built components that can be easily integrated into Vue projects. While it may have a steeper learning curve, it provides a more comprehensive set of tools for building complex user interfaces.

The choice between the two depends on the project requirements. vue2-elm is ideal for those looking to study a complete Vue application, while iView is better suited for developers needing a robust UI component library for their projects.

PanJiaChen logo

vue-element-admin

87,517

:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin

Pros of vue-element-admin

  • More comprehensive and feature-rich admin dashboard template
  • Extensive documentation and community support
  • Regular updates and maintenance

Cons of vue-element-admin

  • Steeper learning curve due to its complexity
  • May require more customization for specific use cases

Code Comparison

vue-element-admin:

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export const constantRoutes = [
  {
    path: '/redirect',
    component: Layout,
    hidden: true,
    children: [
      {
        path: '/redirect/:path(.*)',
        component: () => import('@/views/redirect/index')
      }
    ]
  }
]

vue2-elm:

import App from '../App'

export default [{
    path: '/',
    component: App,
    children: [{
        path: '',
        component: r => require.ensure([], () => r(require('../page/home')), 'home')
    }, {
        path: '/city/:cityid',
        component: r => require.ensure([], () => r(require('../page/city')), 'city')
    }]
}]

vue-element-admin offers a more structured and modular approach to routing, while vue2-elm uses a simpler, flatter structure. The former provides more flexibility for complex applications, while the latter may be easier to understand for smaller projects.

lin-xin logo

vue-manage-system

18,715

Vue3、Element Plus、typescript后台管理系统

Pros of vue-manage-system

  • Simpler and more lightweight, making it easier to understand and modify
  • Includes a variety of pre-built components for common admin panel features
  • More recent updates and active maintenance

Cons of vue-manage-system

  • Less comprehensive in terms of real-world application features
  • Fewer advanced Vue.js techniques demonstrated
  • Limited backend integration examples

Code Comparison

vue-manage-system:

<template>
    <div class="header">
        <div class="logo">后台管理系统</div>
        <div class="user-info">
            <el-dropdown trigger="click" @command="handleCommand">
                <span class="el-dropdown-link">
                    {{username}}
                </span>
                <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item command="loginout">退出登录</el-dropdown-item>
                </el-dropdown-menu>
            </el-dropdown>
        </div>
    </div>
</template>

vue2-elm:

<template>
    <div class="shoplist_container">
        <ul v-load-more="loaderMore" v-if="shopListArr.length" type="1">
            <router-link :to="{path: 'shop', query:{geohash, id: item.id}}" v-for="item in shopListArr" tag='li' :key="item.id" class="shop_li">
                <section>
                    <img :src="imgBaseUrl + item.image_path" class="shop_img">
                </section>
                <hgroup class="shop_right">
                    <header class="shop_detail_header">
                        <h4 :class="item.is_premium? 'premium': ''" class="" class="shop_title ellipsis">{{item.name}}</h4>
                        <ul class="shop_detail_ul">
                            <li v-for="item in item.supports" :key="item.id" class="supports">{{item.icon_name}}</li>
                        </ul>
                    </header>
                    <h5 class="rating_order_num">
                        <section class="rating_order_num_left">
                            <section class="rating_section">
                                <rating-star :rating='item.rating'></rating-star>
                                <span class="rating_num">{{item.rating}}</span>
                            </section>
                            <section class="order_section">
                                月售{{item.recent_order_num}}单
                            </section>
                        </section>
                        <section class="rating_order_num_right">
                            <span class="delivery_style delivery_left" v-if="item.delivery_mode">{{item.delivery_mode.text}}</span>
                            <span class="delivery_style delivery_right" v-if="zhunshi(item.supports)">准时达</span>
                        </section>
                    </h5>
                    <h5 class="fee_distance">
                        <p class="fee">
                            ¥{{item.float_minimum_order_amount}}起送
                            <span class="segmentation">/</span>
                            {{item.piecewise_agent_fee.tips}}
                        </p>
                        <p class="distance_time">
                            <span>{{item.distance > 1000? (item.distance/1000).toFixed(2) + 'km': item.distance + 'm'}}
                                <span class="segmentation">/</span>
                            </span>
                            <span v-if="item.order_lead_time">{{item.order_lead_time}}分钟</span>
                        </p>
                    </h5>
                </hgroup>
            </router-link>
        </ul>
        <ul v-else class="animation_opactiy">
            <li class="list_back_li" v-for="item in 10" :key="item">
                <img src="../../images
vueComponent logo

ant-design-vue

20,061

🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

Pros of ant-design-vue

  • Comprehensive UI component library with a wide range of pre-built components
  • Active development and regular updates, ensuring compatibility with the latest Vue versions
  • Extensive documentation and community support

Cons of ant-design-vue

  • Larger bundle size due to the extensive component library
  • Steeper learning curve for developers unfamiliar with Ant Design principles

Code Comparison

vue2-elm (Element selection):

<template>
  <section class="shop_list_container">
    <ul v-load-more="loaderMore" v-if="hasGetData">
      <shop-list v-for="item in shopListArr" :shopInfo="item" :key="item.id"></shop-list>
    </ul>
  </section>
</template>

ant-design-vue (Component usage):

<template>
  <a-list
    :grid="{ gutter: 16, column: 4 }"
    :data-source="dataList"
  >
    <a-list-item slot="renderItem" slot-scope="item">
      <a-card :title="item.title">{{ item.content }}</a-card>
    </a-list-item>
  </a-list>
</template>

Summary

While vue2-elm focuses on a specific application (food delivery), ant-design-vue provides a versatile UI component library for various Vue projects. ant-design-vue offers more out-of-the-box components and better documentation, but it comes with a larger bundle size and potentially more complex implementation. vue2-elm, being a complete application, demonstrates real-world usage of Vue but may require more custom development for different use cases.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

前言

README in English

初学vue时曾在网上搜索vue的实战项目源码，无奈大部分都是简单的demo，对于深究vue没有太大的帮助，剩下的一些大部分都是像音乐播放器之类的展示型项目，交互没有预期那么复杂。但我们实际在工作中，经常会遇到有购物车的项目，这类项目因为涉及到money，所以对逻辑严谨度要求高，页面之间交互复杂，又会伴随着登录、注册、用户信息等等，常常会让我们很头疼。既然还没人用vue写过这样的项目，那不如我来写，开源出来对能看到的人也会有帮助。

这种功能性的项目很实用但是往往也很枯燥，没有音乐播放器那么看起来绚丽，思来想去发现饿了么是一个不错的素材，一来它足够复杂，开放的外卖平台比一般的公司独有商店更加复杂。二来 见到那么多美食，大家也不会感觉到厌烦。

为啥是饿了么，而不是美团？原因很简单，饿了么的色调和布局是最漂亮的，看起来最舒服。

此项目大大小小共 45 个页面，涉及注册、登录、商品展示、购物车、下单等等，是一个完整的流程。一般公司即便是官网的单页面项目都没这么复杂，如果这个项目能驾驭的了，相信大部分公司的其他单页面应用也就不在话下，即便更复杂，也不会比这个高到哪里去。

因为利用业余时间来做，年前就开始写，又跨个年，周期有点长，项目从零布局到完成共用了2个多月的时间。

另外，这个项目和慕课网视频的那个饿了么没有任何关系，慕课网的项目只有一个页面，我在看完vue的官方文档后直接写了这个项目，没有参照任何人的代码，请大家不要混为一谈。

注1：此项目纯属个人瞎搞，正常下单请选择饿了么官方客户端。

注2：项目预览地址和接口需要使用https访问哦！

技术栈

vue2 + vuex + vue-router + webpack + ES6/7 + fetch + sass + flex + svg

项目运行

注意：由于涉及大量的 ES6/7 等新属性，node 需要 6.0 以上版本

git clone https://github.com/bailicangdu/vue2-elm.git  

cd vue2-elm

npm install 或 yarn(推荐)

npm run dev

关于接口数据

此项目的所有接口数据都来源于配套的后台系统，后台项目传送地址。

如果想体验前后台同时开发，可以下载后台系统。

此时启动本项目的命令为：npm run local 而不是 npm run dev。

同时我们也提供了基于element-ui搭建的后台管理页面

如果只做前端开发，请忽略上面这几句话哟～

说明

如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ^_^

或者您可以 "follow" 一下，我会不断开源更多的有趣的项目

开发环境 macOS 10.12.3 Chrome 56  nodejs 6.10.0

特别感谢@bailichen, @iceRao，在百忙之中抽出时间和我一起完成了这个项目，辛苦了🌹

如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍

项目交流群

推荐一个 react + redux 开源项目，对react感兴趣的朋友赶紧去看看。地址在这里

另外一个 vue2 + vuex 的入门项目，比当前的项目简单很多，非常适合入门练习。地址在这里

效果演示

查看demo请戳这里（请用chrome手机模式预览）

移动端扫描下方二维码

目标功能

  • 定位功能 -- 完成
  • 选择城市 -- 完成
  • 搜索地址 -- 完成
  • 展示所选地址附近商家列表 -- 完成
  • 搜索美食，餐馆 -- 完成
  • 根据距离、销量、评分、特色菜、配送方式等进行排序和筛选 -- 完成
  • 餐馆食品列表页 -- 完成
  • 购物车功能 -- 完成
  • 店铺评价页面 -- 完成
  • 单个食品详情页面 -- 完成
  • 商家详情页 -- 完成
  • 登录、注册 -- 完成
  • 修改密码 -- 完成
  • 个人中心 -- 完成
  • 发送短信、语音验证 -- 完成
  • 下单功能 -- 完成 ✨✨🎉🎉
  • 订单列表 -- 完成
  • 订单详情 -- 完成
  • 下载App -- 完成
  • 添加、删除、修改收货地址 -- 完成
  • 帐户信息 -- 完成
  • 服务中心 -- 完成
  • 红包 -- 完成
  • 上传头像 -- 完成
  • 付款 -- 臣妾做不到啊~~

总结

1、一般涉及到money的网页逻辑都比较复杂，尤其像饿了么这样一个开放的平台，商家和食品种类繁多，页面与页面之间交互复杂，在写到 购物车 和 下单 功能时众多的数据和逻辑一度让人很头疼，又没有设计和接口api文档，只能一步步摸索。

2、vue因其轻量级的框架在中小型项目中表现亮眼，在大型单页面应用中因为vuex的存在，表现依然出色，在处理复杂交互逻辑的时候，vuex的存在是不可或缺的。所以说利用 vue + vuex 完全可以去做大型的单页面项目。

3、项目写到现在，从 登录注册到、首页、搜索、商家列表、购物车、下单、订单列表、个人中心 一个流程走完之后、不但对vue的理解更深一层，而且对以后掌控大型项目的时候也有非常多的帮助，做一个实际的项目才能对自己有很大的提升。

4、曾一度怀疑，花几个月的时间做这样一个项目到底有没有意义，本来只是想做一个小项目练练手，没想到后来越写越多，不过坚持下来后我相信一切都是值得的。

5、项目已经完成，共45个页面。

最终目标

1、用node.js构建一个模拟外卖平台的后台系统。地址在这里

2、写出跨 Android 和 IOS 的原生APP版本。地址在这里

3、如果时间来的及，会出一卖家版本。

所以我的目的是构建一个横跨前后端，移动IOS、Android的完整生态圈。

。。。敬请期待

部分截图

商铺列表页

商铺筛选页

餐馆食品列表与购物车

确认订单页

搜索页

登录页

个人中心

项目布局

.
├── build                                       // webpack配置文件
├── config                                      // 项目打包路径
├── elm                                         // 上线项目文件，放在服务器即可正常访问
├── screenshots                                 // 项目截图
├── src                                         // 源码目录
│   ├── components                              // 组件
│   │   ├── common                              // 公共组件
│   │   │   ├── alertTip.vue                    // 弹出框组件
│   │   │   ├── buyCart.vue                     // 购物车组件
│   │   │   ├── computeTime.vue                 // 倒计时组件
│   │   │   ├── loading.vue                     // 页面初始化加载数据的动画组件
│   │   │   ├── mixin.js                        // 组件混合(包括：指令-下拉加载更多，处理图片地址)
│   │   │   ├── ratingStar.vue                  // 评论的五颗星组件
│   │   │   └── shoplist.vue                    // msite和shop页面的餐馆列表公共组件
│   │   ├── footer
│   │   │   └── footGuide.vue                   // 底部公共组件
│   │   └── header
│   │       └── head.vue                        // 头部公共组件
│   ├── config                                  // 基本配置
│   │   ├── env.js                              // 环境切换配置
│   │   ├── fetch.js                            // 获取数据
│   │   ├── mUtils.js                           // 常用的js方法
│   │   └── rem.js                              // px转换rem
│   ├── images                                  // 公共图片
│   ├── page
│   │   ├── balance
│   │   │   ├── balance.vue                     // 余额页
│   │   │   └── children
│   │   │       └── detail.vue                  // 余额说明
│   │   ├── benefit
│   │   │   ├── benefit.vue                     // 红包页
│   │   │   └── children
│   │   │       ├── commend.vue                 // 推荐有奖
│   │   │       ├── coupon.vue                  // 代金券说明
│   │   │       ├── exchange.vue                // 兑换红包
│   │   │       ├── hbDescription.vue           // 红包说明
│   │   │       └── hbHistory.vue               // 历史红包
│   │   ├── city
│   │   │   └── city.vue                        // 当前城市页
│   │   ├── confirmOrder
│   │   │   ├── children
│   │   │   │   ├── children
│   │   │   │   │   ├── addAddress.vue          // 添加地址页
│   │   │   │   │   └── children
│   │   │   │   │       └── searchAddress.vue   // 搜索地址页
│   │   │   │   ├── chooseAddress.vue           // 选择地址页
│   │   │   │   ├── invoice.vue                 // 选择发票页
│   │   │   │   ├── payment.vue                 // 付款页
│   │   │   │   ├── remark.vue                  // 订单备注页
│   │   │   │   └── userValidation.vue          // 用户验证页
│   │   │   └── confirmOrder.vue                // 确认订单页
│   │   ├── download
│   │   │   └── download.vue                    // 下载App
│   │   ├── find
│   │   │   └── find.vue                        // 发现页
│   │   ├── food
│   │   │   └── food.vue                        // 食品筛选排序页
│   │   ├── forget
│   │   │   └── forget.vue                      // 忘记密码，修改密码页
│   │   ├── home
│   │   │   └── home.vue                        // 首页
│   │   ├── login
│   │   │   └── login.vue                       // 登录注册页
│   │   ├── msite
│   │   │   └── msite.vue                       // 商铺列表页
│   │   ├── order
│   │   │   ├── children
│   │   │   │   └── orderDetail.vue             // 订单详情页
│   │   │   └── order.vue                       // 订单列表页
│   │   ├── points
│   │   │   ├── children
│   │   │   │   └── detail.vue                  // 积分说明
│   │   │   └── points.vue                      // 积分页
│   │   ├── profile
│   │   │   ├── children
│   │   │   │   ├── children
│   │   │   │   │   ├── address.vue             // 地址
│   │   │   │   │   └── children
│   │   │   │   │       ├── add.vue             // 新增地址
│   │   │   │   │       └── children
│   │   │   │   │           └── addDetail.vue   // 搜索地址
│   │   │   │   ├── info.vue                    // 帐户信息
│   │   │   │   └── setusername.vue             // 重置用户名
│   │   │   └── profile.vue                     // 个人中心
│   │   ├── search
│   │   │   └── search.vue                      // 搜索页
│   │   ├── service
│   │   │   ├── children
│   │   │   │   └── questionDetail.vue          // 问题详情
│   │   │   └── service.vue                     // 服务中心
│   │   ├── shop
│   │   │   ├── children
│   │   │   │   ├── children
│   │   │   │   │   └── shopSafe.vue            // 商铺认证信息页
│   │   │   │   ├── foodDetail.vue              // 商铺信息页
│   │   │   │   └── shopDetail.vue              // 单个商铺信息页
│   │   │   └── shop.vue                        // 商铺筛选页
│   │   └── vipcard
│   │       ├── children
│   │       │   ├── invoiceRecord.vue           // 购买记录
│   │       │   ├── useCart.vue                 // 使用卡号购买
│   │       │   └── vipDescription.vue          // 会员说明
│   │       └── vipcard.vue                     // 会员卡办理页
│   ├── plugins                                 // 引用的插件
│   ├── router
│   │   └── router.js                           // 路由配置
│   ├── service                                 // 数据交互统一调配
│   │   ├── getData.js                          // 获取数据的统一调配文件，对接口进行统一管理
│   │   └── tempdata                            // 开发阶段的临时数据
│   ├── store                                   // vuex的状态管理
│   │   ├── action.js                           // 配置actions
│   │   ├── getters.js                          // 配置getters
│   │   ├── index.js                            // 引用vuex，创建store
│   │   ├── modules                             // store模块
│   │   ├── mutation-types.js                   // 定义常量muations名
│   │   └── mutations.js                        // 配置mutations
│   └── style
│       ├── common.scss                         // 公共样式文件
│       ├── mixin.scss                          // 样式配置文件
│       └── swiper.min.css
│   ├── App.vue                                 // 页面入口文件
│   ├── main.js                                 // 程序入口文件，加载各种公共组件
├── favicon.ico                                 // 图标
├── index.html                                  // 入口html文件
.

56 directories, 203 files

License

GPL