当前位置： 首页 > news >正文

[vue]提供一种网站底部备案号样式代码

news 2026/3/28 17:38:12

演示

在这里插入图片描述

vue组件型（可直接用）

组件代码：copyright-icp.vue

<template><div class="icp">{{`© ${year} ${author} `}}<a href="http://beian.miit.gov.cn/" target="_blank">{{ record }}</a></div>
</template><script setup>
let year = new Date().getFullYear();        // 一般都是最新的一年
let author = 'alsoeasy';					// 作者名
let record = '湘ICP备2023xxxxxx号';			// 备案号
</script><style>
.icp {position: absolute;bottom: 0px;padding: 10px 0;width: 100%;text-align: center;color: gray;
}
.icp > a {color: gray;text-decoration: none;
}
.icp > a:hover {color: aqua;text-decoration: none;
}
</style>

直接在页面中调用（注意这里是setup写法）

<script setup>
import CopyrightIcp from '@/components/copyright-icp.vue';
</script><template><router-view /><!-- 配置备案号 --><CopyrightIcp></CopyrightIcp>
</template>

html代码型

注意如果要设置为绝对定位，记得设为bfc或者添加占位块，防止阻挡问题

<html><style>.icp {/* position: absolute;bottom: 0px; */padding: 10px 0;width: 100%;height: 36px;text-align: center;color: gray;z-index: 1000;}.icp > a {color: gray;text-decoration: none;}.icp > a:hover {color: aqua;text-decoration: none;}</style><body><div>这里是内容部分</div><div class="icp">© 2023 alsoeasy <a href="http://beian.miit.gov.cn/" target="_blank"> 湘ICP备2023xxxxxx号</a></div></body>
</html>

相关文章：

[vue]提供一种网站底部备案号样式代码

演示 vue组件型&#xff08;可直接用&#xff09; 组件代码&#xff1a;copyright-icp.vue <template><div class"icp">{{© ${year} ${author} }}<a href"http://beian.miit.gov.cn/" target"_blank">{{ record }}</a…...

编程日记 2023/4/16 8:41:28

python第四天作业~函数练习

目录 作业4、判断以下哪些不能作为标识符 A、a B、&#xffe5;a C、_12 D、$a12 E、false F、False 作业5&#xff1a; 输入数&#xff0c;判断这个数是否是质数&#xff08;要求使用函数 for循环&#xff09; 作业6&#xff1a;求50~150之间的质数是…...

编程日记 2023/4/16 8:41:25

linux安装influxdb-rpmyum方式

一、influxdb的安装InfluxDB简介时序数据库InfluxDB版是一款专门处理高写入和查询负载的时序数据库&#xff0c;用于存储大规模的时序数据并进行实时分析&#xff0c;包括来自DevOps监控、应用指标和IoT传感器上的数据主要特点&#xff1a;专为时间序列数据量身订造高性能数据存…...

编程日记 2023/4/16 8:41:23

死锁

1.死锁的定义 多线程以及多进程改善了系统资源的利用率并提高了系统 的处理能力。然而&#xff0c;并发执行也带来了新的问题——死锁。所谓死锁是指多个线程因竞争资源而造成的一种僵局&#xff08;互相等待&#xff09;&#xff0c;若无外力作用&#xff0c;这些进程都将无法…...

编程日记 2023/3/9 11:38:39

C++基础了解-05-C++常量

C常量 一、C常量 常量是固定值&#xff0c;在程序执行期间不会改变。这些固定的值&#xff0c;又叫做字面量。 常量可以是任何的基本数据类型&#xff0c;可分为整型数字、浮点数字、字符、字符串和布尔值。 常量就像是常规的变量&#xff0c;只不过常量的值在定义后不能进…...

编程日记 2023/3/9 11:37:33

深度学习笔记-2.自动梯度问题

通过反向传播进行自动求梯度1-requires_grad问题2-梯度3- detach() 和 with torch.no_grad(&#xff09;4- Tensor.data.requires_gradPyTorch提供的autograd包能够根据输入和前向传播过程自动构建计算图&#xff0c;并执行反向传播. 1-requires_grad问题 requires_gradTrue …...

编程日记 2023/3/9 11:36:30

一文读懂倒排序索引涉及的核心概念

基础概念相信对于第一次接触Elasticsearch的同学来说&#xff0c;最难理解的概念就是倒排序索引&#xff08;也叫反向索引&#xff09;&#xff0c;因为这个概念跟我们之前在传统关系型数据库中的索引概念是完全不同的&#xff01;在这里我就重点给大家介绍一下倒排序索引&…...

编程日记 2023/3/9 11:35:27

Java基础算法题

以创作之名致敬节日 胜固欣然&#xff0c;败亦可喜。 --苏轼 目录 练习1 : 优化代码 扩展 : CRTL Alt M 自动抽取方法 练习2: 方法一: 方法二: 方法三: Math : 顾名思义&#xff0c;Math类就是用来进行数学计算的&#xff0c;它提供了大量的静态方法来便于我们实…...

编程日记 2023/3/9 11:34:23

「SAP ABAP」你真的了解OPEN SQL的DML语句吗 (附超详细案例讲解)

&#x1f482;作者简介&#xff1a; THUNDER王&#xff0c;一名热爱财税和SAP ABAP编程以及热爱分享的博主。目前于江西师范大学本科在读&#xff0c;同时任汉硕云&#xff08;广东&#xff09;科技有限公司ABAP开发顾问。在学习工作中&#xff0c;我通常使用偏后端的开发语言A…...

编程日记 2023/3/9 11:33:18

数据结构3——线性表2：线性表的顺序结构

顺序结构的基本理解 定义&#xff1a; 把逻辑上相邻的数据元素存储在物理上相邻&#xff08;占用一片连续的存储单元&#xff0c;中间不能空出来&#xff09;的存储单元的存储结构 存储位置计算&#xff1a; LOC(a(i1))LOC(a(i))lLOC(a(i1))LOC(a(i))l LOC(a(i1))LOC(a(i))l L…...

编程日记 2023/3/9 11:32:16

VMware虚拟机搭建环境通用方法

目录一、前期准备1.下载并安装一个虚拟机软件二、开始创建虚拟机1.配置虚拟机硬件相关操作2.虚拟机网络相关操作三、开机配置相关内容0.开机遇到报错处理&#xff08;选看--开机没有报错请忽略&#xff09;1.开始配置2.开机之后配置3.使用xshell远程登录4.使用xshell配置虚拟机…...

编程日记 2023/3/9 11:31:13

2.Fully Convolutional Networks for Semantic Segmentation论文记录

欢迎访问个人网络日志&#x1f339;&#x1f339;知行空间&#x1f339;&#x1f339; 文章目录1.基础介绍2.分类网络转换成全卷积分割网络3.转置卷积进行上采样4.特征融合5.一个pytorch源码实现参考资料1.基础介绍 论文:Fully Convolutional Networks for Semantic Segmentati…...

编程日记 2023/3/9 11:30:10

深度解析Spring Boot自动装配原理

废话不多说了&#xff0c;直接来看源码。源码解析SpringBootApplication我们在使用idea创建好Spring Boot项目时&#xff0c;会发现在启动类上添加了SpringBootApplication注解&#xff0c;这个注解就是Spring Boot的核心所在。点击注解可以查看到到它的实现ementType.TYPE) Re…...

编程日记 2023/3/9 11:29:05

Redis性能分析相关-channel=[id: 0xbee27bd4, L:/127.0.0.1:63156

redis宕机...

编程日记 2023/3/9 11:28:01

Linux：环境变量

目录一、环境变量的理解&#xff08;1&#xff09;什么是环境变量&#xff1f;&#xff08;2&#xff09;Linux中的环境变量二、环境变量的使用&#xff08;1&#xff09;PATH环境变量&#xff08;2&#xff09;和变量相关的指令三、环境变量与普通变量的区别在平时使用电脑的时…...

编程日记 2023/3/9 11:26:58

Codeforces Round 703 (Div. 2)（A~D）

A. Shifting Stacks给出一个数组&#xff0c;每次可以将一个位置-1&#xff0c;右侧相邻位置1&#xff0c;判断是否可以经过若干次操作后使得数列严格递增。思路&#xff1a;对于每个位置&#xff0c;前缀和必须都大于该位置应该有的最少数字&#xff0c;即第一个位置最少是0&a…...

编程日记 2023/3/9 11:25:56

Django项目5——基于tensorflow serving部署深度模型——windows版本

1&#xff1a;安装docker for windows 可能需要安装WLS2&#xff0c;用于支持Linux系统&#xff0c;参照上面的教程安装 2&#xff1a;在Powershell下使用docker docker pull tensorflow/serving3&#xff1a;在Powershell下启动tensorflow serving docker run -p 8500:8500 …...

编程日记 2023/3/9 11:24:51

MySQL基础篇3

第一章 多表关系实战 1.1 实战1&#xff1a;省和市 方案1&#xff1a;多张表&#xff0c;一对多 方案2&#xff1a;一张表&#xff0c;自关联一对多 id1 name‘北京’ p_id null; id2 name‘昌平’ p_id1 id3 name‘大兴’ p_id1 id3 name‘上海’ p_idnull id4 name‘浦东’…...

编程日记 2023/3/9 11:23:47

携程 x TiDB丨应对全球业务海量数据增长，一栈式 HTAP 实现架构革新

随着新冠病毒疫情的缓解和控制&#xff0c;全球旅游业逐渐开始重新复苏。尤其在一些度假胜地&#xff0c;游客数量已经恢复到疫情前的水平。 携程作为全球领先的一站式旅行平台&#xff0c;旗下拥有携程旅行网、去哪儿网、Skyscanner 等品牌。携程旅行网向超过 9000 万会员提供…...

编程日记 2023/3/9 11:22:41

记一次Kafka warning排查过程

1、前因 在配合测试某个需求的时候&#xff0c;正好看到控制台打印了个报错&#xff0c;如下&#xff1a; 2023-03-06 17:05:58,565[325651ms][pool-28-thread-1][org.apache.kafka.common.utils.AppInfoParser][WARN] - Error registering AppInfo mbean javax.management.I…...

编程日记 2023/3/9 11:21:37

5大技术维度精通ABC系统：数字电路设计的逻辑综合与形式验证实践指南

5大技术维度精通ABC系统&#xff1a;数字电路设计的逻辑综合与形式验证实践指南 【免费下载链接】abc ABC: System for Sequential Logic Synthesis and Formal Verification 项目地址: https://gitcode.com/gh_mirrors/ab/abc ABC系统&#xff08;Sequential Logic Syn…...

编程新知 2026/3/28 17:37:57

新手福音：基于快马平台和vmware官网快速上手虚拟化编程实践

作为一个刚接触虚拟化技术的新手&#xff0c;最近在浏览vmware官方中文网站时&#xff0c;发现了很多有用的学习资料。但光看理论总觉得不够直观&#xff0c;于是想通过动手实践来加深理解。在朋友的推荐下&#xff0c;我尝试用InsCode(快马)平台来创建一个简单的虚拟机监控面板…...

编程新知 2026/3/28 17:33:56

2026年网文作者生存指南：实测7款AI码字工具，解决“吃设定”与“AI味”的终极防坑指南

写了十二年网文&#xff0c;从早期的起点玄幻、贴吧同人&#xff0c;一路熬到现在番茄的免费飞读模式&#xff0c;算是把网文圈的潮起潮落看了个遍。 最近这两年&#xff0c;个人作者真的很难受。很多工作室直接用大模型批量扫榜&#xff0c;搞得卷字数已经没意义了&#xff0c…...

编程新知 2026/3/28 17:29:54

国产隔离器信号孤岛保卫战

国产隔离器正以绝缘屏障铸就信号孤岛——当8kV静电在光伏接线盒上炸出刺目蓝光&#xff0c;当10V/m射频噪声如潮水般淹没地铁信号回波&#xff0c;这条工业设备的生死线上&#xff0c;我们以GB/T 17626标准为矛&#xff0c;以-40℃~85℃环境适应性为盾&#xff0c;在电磁风暴与…...

编程新知 2026/3/28 16:59:35

不止于采集：用BrainFlow解锁DeepBCI脑电信号的进阶玩法（特征提取与简单分类）

不止于采集&#xff1a;用BrainFlow解锁DeepBCI脑电信号的进阶玩法&#xff08;特征提取与简单分类&#xff09; 当你已经能够稳定采集到DeepBCI设备的脑电信号时&#xff0c;那些跳动的波形背后隐藏着怎样的秘密&#xff1f;本文将带你跨越数据采集的门槛&#xff0c;探索如何…...

编程新知 2026/3/28 15:08:51

【STM32F407VET6开发】第二章 Keil 5环境配置与Pack Installer实战指南

1. Keil 5环境配置全流程解析 第一次接触STM32开发的朋友&#xff0c;安装完Keil 5后往往会遇到各种环境配置问题。我当年用STM32F407VET6做第一个项目时&#xff0c;光是让开发环境跑起来就折腾了两天。现在回头看&#xff0c;其实只要掌握几个关键步骤&#xff0c;整个过程可…...

编程新知 2026/3/28 14:46:45

Qwen2.5-7B离线推理实战：无需GPU，CPU版本快速部署指南

Qwen2.5-7B离线推理实战&#xff1a;无需GPU&#xff0c;CPU版本快速部署指南 1. 引言 在当今AI技术快速发展的背景下&#xff0c;大型语言模型的应用越来越广泛。然而&#xff0c;许多开发者和企业在实际部署时面临GPU资源不足或成本过高的问题。本文将介绍如何在普通CPU环境…...

编程新知 2026/3/28 12:52:03

HoRain云--NumPy数据类型全解析：高效计算的关键

&#x1f3ac; HoRain云小助手&#xff1a;个人主页 &#x1f525; 个人专栏: 《Linux 系列教程》《c语言教程》 ⛺️生活的理想&#xff0c;就是为了理想的生活! ⛳️ 推荐 前些天发现了一个超棒的服务器购买网站&#xff0c;性价比超高&#xff0c;大内存超划算&#xff01;…...

编程新知 2026/3/28 12:05:53

Open Multiple URLs：如何用1个浏览器扩展实现10倍工作效率提升？

Open Multiple URLs&#xff1a;如何用1个浏览器扩展实现10倍工作效率提升&#xff1f; 【免费下载链接】Open-Multiple-URLs Browser extension for opening lists of URLs built on top of WebExtension with cross-browser support 项目地址: https://gitcode.com/gh_mirr…...

编程新知 2026/3/28 11:19:21

Bidili Generator应用场景：电商主图/社交配图/Logo设计一站式生成方案

Bidili Generator应用场景&#xff1a;电商主图/社交配图/Logo设计一站式生成方案 你是不是也遇到过这样的烦恼&#xff1f;做电商&#xff0c;每天要上新几十款商品&#xff0c;每款都得找人设计主图&#xff0c;成本高、周期长&#xff1b;运营社交媒体&#xff0c;天天为找…...

编程新知 2026/3/28 10:08:43