vue项目首页

项目首页概述:总体布局主要结合了vue和element-ui组件库来实现的 element-ui        

   https://element.eleme.cn/#/zh-CN ​ 组件使用具体请看element-ui官方网址

 

1.项目头部的布局左半部分是由一个logo图片,右半部分是两个按钮后期用于登录和注册功能,头       部 下面有一个首页和菜谱大全,这两个组件主要功能是后期可以在这两个页面之间自由切换

     代码

<template>
  <el-header style="height: auto;">
    <div class="header">
      <div class="header_c">
        <el-row type="flex" justify="start" align="middle">
          <el-col :span="6">
            <a href="" class="logo">
            </a>
          </el-col>
          <el-col :span="6" :offset="3" class="avatar-box">
            <router-link class="user-name">登录</router-link>
            <router-link class&#