# xzd-Weather

**Repository Path**: sailing12/xzd-weather

## Basic Information

- **Project Name**: xzd-Weather
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-09
- **Last Updated**: 2024-10-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# xzd-weather
本项目主要对上一阶段vue学习的综合应用,从以下几个方面阐述本次项目
1.本次项目所涉及到主要内容
 (1).环境的搭建
     vite,vue-router,pinia,echarts,axios
 (2).css的语法
     reset.css,sass
 (3).代码管理工具
     git
 (4).数据接口
     高德开放平台
2.项目完成步骤
 (1).静态页面的书写
 (2).组建的拆分与路由组件设置
   拆分为五个组件
     头部组件(Header.vue)
     两两配对的中间组件与天气信息组件(天气预报信息,图表)
     当前ip(Homecontainer.vue与Ipweatherbox.vue)
     搜素城市(Informationcontainer.vue,Inforweatherbox.vue)
   关于路由
     主要分为两个路由(当前Ip,搜索城市)
     一加二的形式展示页面(头部组件+另外两个组件)