# vite-vue3.x + element-plus后台项目配置

**Repository Path**: igup/vite-ent

## Basic Information

- **Project Name**: vite-vue3.x + element-plus后台项目配置
- **Description**: vite-vue3.x + element-plus后台项目配置
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-11-29
- **Last Updated**: 2021-11-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 服务商系统

## 项目启动

```bash
# clone the project
#git clone http://39.105.60.70/changfan_feikong/vendor-service-pc.git

# enter the project directory
cd pure_admin

# install dependency
npm install

# 如果安装不上  建议删除pakage-lock 然后通过淘宝镜像安装
npm install --registry=https://registry.npm.taobao.org

# develop
npm run dev
```

## 组件使用说明与演示

### vue-schart

vue.js 封装 sChart.js 的图表组件。访问地址：[vue-schart](https://lin-xin.gitee.io/example/schart/)

[github进入](https://github.com/lin-xin/sChart.js.git)

```html
<template>
    <div>
        <schart class="wrapper" canvasId="myCanvas" :options="options"></schart>
    </div>
</template>

<script>
    import Schart from "vue-schart"; // 导入Schart组件
    export default {
        data() {
            return {
                options: {
                    type: "bar",
                    title: {
                        text: "最近一周各品类销售图",
                    },
                    labels: ["周一", "周二", "周三", "周四", "周五"],
                    datasets: [
                        {
                            label: "家电",
                            data: [234, 278, 270, 190, 230],
                        },
                        {
                            label: "百货",
                            data: [164, 178, 190, 135, 160],
                        },
                        {
                            label: "食品",
                            data: [144, 198, 150, 235, 120],
                        },
                    ],
                },
            };
        },
        components: {
            Schart,
        },
    };
</script>
<style>
    .wrapper {
        width: 7rem;
        height: 5rem;
    }
</style>
```