# logistics-client

**Repository Path**: await-youlem/logistics-client

## Basic Information

- **Project Name**: logistics-client
- **Description**: 物流前台
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-03-28
- **Last Updated**: 2024-04-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Logistics Client

## 后端接口配置

在`.env.development`中将`VITE_SERVE`改为后端接口地址 `VITE_SERVE = "http://150.158.76.216:8090"`

## 首页轮播图配置

在`src/views/carousel.tsx`中修改`imgList`数组，添加轮播图数据。图片位于`src/assets/images/silder`目录下。

```jsx
import { h, defineComponent } from 'vue';
import { ElCarousel, ElCarouselItem } from 'element-plus';
import One from '../../assets/images/silder/1.webp';
import Two from '../../assets/images/silder/2.webp';
import Three from '../../assets/images/silder/3.webp';

export default defineComponent({
  name: 'Carousel',
  setup() {
    return () => {
      const imgList = [One, Two, Three];
      return (
        <ElCarousel
          class="carousel"
          height="100vh"
          trigger="click"
          motion-blur
          indicator-position="none"
        >
          {imgList.map((item) => {
            return (
              <ElCarouselItem>
                <img style="width: 100%" src={item} alt="" />
              </ElCarouselItem>
            );
          })}
        </ElCarousel>
      );
    };
  },
});
```

## 运行项目

> 请确保已安装node.js环境 node 版本：需大于v16.0.0 `npm install -g pnpm` 安装pnpm

`pnpm install` 安装依赖

`pnpm dev` 启动项目