27vue--主页美化 header区域

最新推荐文章于 2022-10-18 11:09:32 发布

mty三天

最新推荐文章于 2022-10-18 11:09:32 发布

阅读量546

点赞数

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/Astone_big/article/details/107170260

版权

本文档主要介绍了如何使用Vue.js来美化主页的header区域，包括应用flex布局进行设计，提供了一个home.vue组件的示例代码，并展示了最终的美化效果。

摘要由CSDN通过智能技术生成

主页美化 header区域

文章目录

- 主页美化 header区域
- - 信息：
  - 知识点：
  - Code
  - 效果：

信息：

视频： https://www.bilibili.com/video/BV1EE411B7SU?p=31

知识点：

flex 布局

Code

home.vue

<template>
    <!-- <div>
        <el-button type="success" @click="logout">退出</el-button>
    </div> -->
    <el-container class="homeContainer">
        <!-- 头部区域 -->
        <el-header>
            <!-- 使用div来布局 span内写文字 -->
            <div>
                <img src="../assets/img/heima.png" alt="">
                <!

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

mty三天

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
27vue--主页美化 header区域

主页美化 header区域文章目录主页美化 header区域信息：知识点：Code效果：信息：视频： https://www.bilibili.com/video/BV1EE411B7SU?p=31知识点：flex 布局Codehome.vue<template> <!-- <div> <el-button type="success" @click="logout">退出</el-button>
复制链接

扫一扫