# 机器人天平

**Repository Path**: haoyuvip/robot-scale

## Basic Information

- **Project Name**: 机器人天平
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-23
- **Last Updated**: 2025-12-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# my-project

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
"vue": "^2.6.11",
vue脚手架4.4.1
全局使用vw单位做适配，设计图1920宽度
首页使用vue-fullpage全屏化
利用autoprefixer进行css3属性浏览器前缀赋值


利用媒介查询进行手机适配

vue-awesome-swiper V3.1.3（对应swiper4），


首页使用wow和animate组合动画

其他页面，有单独使用动画的，注意类名



1、首页使用vue自带的过度属性
<transition enter-active-class="animate__animated animate__fadeInDown" leave-active-class="animate__animated animate__fadeOutDown"  >
可以用在弹框的显示与关闭

2、对一个元素无限循环动画
class="animate__animated  animate__fadeInUp animate__infinite"
官网介绍很详细



使用数字滚动插件vue-count-to



```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

主要看轮播图配置
"vue-awesome-swiper": "^3.1.3",对应的是"swiper": "^4.5.1",
如果循环不起作用，记得在div上面加上v-if