Hlang社区-社区导航栏实现

article2024/11/25 16:46:05/文章来源:https://blog.csdn.net/FUTEROX/article/details/132309385

文章目录

前言
项目结构
- 导航实现
- 创作中心
- 移动小球
- 消息提示
完整代码

前言

okey,这里的话是我们社区导航栏的实现：

废话不多说，看看效果：
在这里插入图片描述

我甚至为此用New Bing生成了一个Logo。

项目结构

废话不多说，先来看到我们的项目结构：
在这里插入图片描述
在这里导航栏是一个组件。
在App.vue里面直接调用：

<script setup>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/75486.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

el-table分页后序号连续的两种方法

实现效果： 第一页排序到10，第二页的排序应从11开始实现方法一： 在el-table的序号列中使用template定义 <el-table><el-table-columnmin-width"10%"label"序号"><template slot-scope"scope"…

htmlCSS-----弹性布局案例展示

目录前言效果展示编辑代码思路分析前言上一期我们学习了弹性布局，那么这一期我们用弹性布局来写一个小案例，下面看代码（上一期链接html&CSS-----弹性布局_灰勒塔德的博客-CSDN博客） 效果展示代码 html代码&am…

服务器遭受攻击之后的常见思路

哈喽大家好，我是咸鱼不知道大家有没有看过这么一部电影： 这部电影讲述了男主是一个电脑极客，在计算机方面有着不可思议的天赋，男主所在的黑客组织凭借着超高的黑客技术去入侵各种国家机构的系统，并引起了德国秘密警察…

MyBatis的XML映射文件

Mybatis的开发有两种方式： 注解 XML配置文件通过XML配置文件的形式来配置SQL语句，这份儿XML配置文件在MyBatis当中也称为XML映射文件。导学：在MyBatis当中如何来定义一份儿XML映射文件？ 在MyBatis当中，定义XML…

ROS学习笔记(三)---好用的终端Terminator

ROS学习笔记文章目录 01. ROS学习笔记(一)—Linux安装VScode 02. ROS学习笔记(二)—使用 VScode 开发 ROS 的Python程序（简例） 一、Terminator是什么？ 在前面的学习中，为了运行hello.py我是在vscode频繁的点击运行窗口的“”号…

JS垃圾回收机制

什么是垃圾回收机制？ 垃圾回收机制 (Garbage Collection) 简称GC JS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾回收器自动回收。正因为垃圾回收器的存在，许多人认为JS不用太关心内存管理的问题但如果不了解JS的内存管…

文章目录一、前言二、DefaultParameterHandler1. DefaultParameterHandler#setParameters1.1 UnknownTypeHandler1.2 自定义 TypeHandler 三、DefaultResultSetHandler1. hasNestedResultMaps2. handleRowValuesForNestedResultMap2.1 resolveDiscriminatedResultMap2.2 creat…

【C++】C++入门基础详解（1）

本篇内容要分享的是C的基础内容，C的诞生简单的说就是为了填补C语言中的语法坑，同时对比C语言来说增添很多便捷的语法规则，使用起来比C语言便捷不少，但是学习难度也大大增强，不过难度是成线性增长，可以一步一…

WebRTC音视频通话-WebRTC视频自定义RTCVideoCapturer相机

WebRTC音视频通话-WebRTC视频自定义RTCVideoCapturer相机在之前已经实现了WebRTC调用ossrs服务，实现直播视频通话功能。但是在使用过程中，RTCCameraVideoCapturer类提供的方法不能修改及调节相机的灯光等设置，那就需要自定义RTCVideoCaptur…

应届生运维简历攻略

导语： 当下，计算机科学与技术已经成为一个炙手可热的行业，而作为这个行业中的一份子，运维人员的角色无疑至关重要。如果你是一位即将毕业的应届生，并希望在运维领域打拼，那么一份出色的运维简历将是你踏入…

【hive】hive分桶表的学习

hive分桶表的学习前言： 每一个表或者分区，hive都可以进一步组织成桶，桶是更细粒度的数据划分，他本质不会改变表或分区的目录组织方式，他会改变数据在文件中的分布方式。分桶规则： 对分桶字段值进行哈…

CXL registers

目录 DVSEC CXL PCIe DVSEC for CXL Device//ID 0 DVSEC CXL Capability (Offset 0Ah) DVSEC CXL Control (Offset 0Ch) DVSEC CXL Status (Offset 0Eh) DVSEC CXL Control2 (Offset 10h) DVSEC CXL Status2 (Offset 12h) DVSEC CXL Lock (Offset 14h) DVSEC CXL Capabilit…