位置: IT常识 - 正文

[vue]提供一种网站底部备案号样式代码(只用vue可以做网站不?)

编辑:rootadmin
演示

推荐整理分享[vue]提供一种网站底部备案号样式代码(只用vue可以做网站不?),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:只用vue可以做网站不?,vue.org,vue功能实现,vue提供的api,哪些网站是用vue做的,使用vue的网站,vue提供的api,哪些网站是用vue做的,内容如对您有帮助,希望把文章链接给更多的朋友!

[vue]提供一种网站底部备案号样式代码(只用vue可以做网站不?)

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>
本文链接地址:https://www.jiuchutong.com/zhishi/293136.html 转载请保留说明!

上一篇:web期末大作业--网页设计 HTML+CSS+JS(附源码)(web期末大作业源代码)

下一篇:Vue打包优化篇-CDN加速(vue3打包优化)

  • 两台iphone怎么同步备忘录(两台iPhone怎么同步微信记录)

    两台iphone怎么同步备忘录(两台iPhone怎么同步微信记录)

  • 新浪微博怎么加好友(新浪微博怎么加群)

    新浪微博怎么加好友(新浪微博怎么加群)

  • 为什么电脑屏幕出现两层(为什么电脑屏幕不显示,但是开机了)

    为什么电脑屏幕出现两层(为什么电脑屏幕不显示,但是开机了)

  • 端口对运输层的作用(运输层端口长度)

    端口对运输层的作用(运输层端口长度)

  • 数据线接头处破皮修复(数据线接头处破皮还能用么)

    数据线接头处破皮修复(数据线接头处破皮还能用么)

  • 快手可能认识的人关掉怎么弄(快手可能认识的人是根据什么推荐的)

    快手可能认识的人关掉怎么弄(快手可能认识的人是根据什么推荐的)

  • 朋友圈背景可以屏蔽么(朋友圈背景可以自动更换吗)

    朋友圈背景可以屏蔽么(朋友圈背景可以自动更换吗)

  • 淘宝发货了还能申请退款么(淘宝发货了还能添加包裹吗)

    淘宝发货了还能申请退款么(淘宝发货了还能添加包裹吗)

  • 微信拉进黑名单的人发信息收的到吗(微信拉进黑名单聊天记录还在吗)

    微信拉进黑名单的人发信息收的到吗(微信拉进黑名单聊天记录还在吗)

  • 华为手机能充一夜电吗(华为手机能充一晚电吗)

    华为手机能充一夜电吗(华为手机能充一晚电吗)

  • 华为手机为什么短信发送失败(华为手机为什么都是4g了)

    华为手机为什么短信发送失败(华为手机为什么都是4g了)

  • 小米10充电时如何显示(小米10充电时如何显示小数点)

    小米10充电时如何显示(小米10充电时如何显示小数点)

  • 拼多多货到了没有短信(拼多多货到了没取货可以直接退回去吗)

    拼多多货到了没有短信(拼多多货到了没取货可以直接退回去吗)

  • 网络协议的组成因素(网络协议的组成要素是什么,举例说明协议及对应的要素)

    网络协议的组成因素(网络协议的组成要素是什么,举例说明协议及对应的要素)

  • 苹果11拍照出现绿色条纹(苹果11拍照出现绿色条纹怎么回事)

    苹果11拍照出现绿色条纹(苹果11拍照出现绿色条纹怎么回事)

  • 怎么把软件传到另一个手机上(怎么把软件传到电视上去)

    怎么把软件传到另一个手机上(怎么把软件传到电视上去)

  • word怎么用斜线(word怎么用斜线划掉字)

    word怎么用斜线(word怎么用斜线划掉字)

  • 华为手机屏幕出现绿框怎么取消(华为手机屏幕出现一个圆圈怎么去掉)

    华为手机屏幕出现绿框怎么取消(华为手机屏幕出现一个圆圈怎么去掉)

  • 陌陌加好友多久可以视频(陌陌加好友多久才能打电话)

    陌陌加好友多久可以视频(陌陌加好友多久才能打电话)

  • ie8浏览器如何设置(ie8浏览器如何设置浏览器模式)

    ie8浏览器如何设置(ie8浏览器如何设置浏览器模式)

  • vivos5怎么返回到桌面(vivoy52s手机怎么返回)

    vivos5怎么返回到桌面(vivoy52s手机怎么返回)

  • 华为p30pro有什么功能(华为p30pro有什么特别之处)

    华为p30pro有什么功能(华为p30pro有什么特别之处)

  • iphone6内置应用如何恢复(苹果手机6自带软件)

    iphone6内置应用如何恢复(苹果手机6自带软件)

  • 手机怎么增大照片kb(手机怎么增大照片大小kb)

    手机怎么增大照片kb(手机怎么增大照片大小kb)

  • css实现元素居中的5种方法(css元素居中的几种方法)

    css实现元素居中的5种方法(css元素居中的几种方法)

  • YOLOv5、v7改进之二十六:改进特征融合网络PANet为ASFF自适应特征融合网络(yolov5改进点)

    YOLOv5、v7改进之二十六:改进特征融合网络PANet为ASFF自适应特征融合网络(yolov5改进点)

  • 正常工资薪金包括年终奖吗
  • 应交税费应交增值税明细账怎么填
  • 房产税的纳税义务人是房屋的产权所有人
  • 企业的其他业务收入包括哪些
  • 零报税有风险吗
  • 生产税净额计算实例
  • 固定资产入账原值含税价吗
  • 进口增值税可以抵税吗
  • 年初数和年末数审计报告不一致
  • 盘盈资产开具发票是否符合规定
  • 公司收到转账支票怎么盖章
  • 价外费用纳税义务发生时间
  • 银行结汇汇兑损益的会计分录怎么写?
  • 风险溢价包括哪些违约风险溢价 流动性风险溢价
  • 股东变动及股东情况章节
  • 境外所得纳税
  • 查账征收企业所得税年度申报
  • 清算结业是什么意思
  • 餐厨垃圾处理有哪些设备
  • 实际成本法的会计分录怎么写
  • 银行存款利息的计算方法
  • windows右键刷新总是卡住
  • 为什么路由器经常断网
  • 新手应该怎么样
  • psr.exe是什么意思
  • win7为什么这么多人用
  • 在windows 7中
  • php数据库分页是怎么实现的
  • xampp如何运行php项目
  • win7为什么显示多重网络
  • 输入字母和数字 小学信息技术课
  • 工程款包工包料怎么开票
  • win7旗舰版叫啥
  • php删除数组中指定元素
  • 税金及附加在哪里申报
  • 小微企业所得税税收优惠政策2023年
  • 残疾人就业保障金怎么申报
  • 前端开发配置
  • 基于stm32的毕业设计
  • php mkdir
  • linuxmd5加密
  • 营业外收入怎么结转到本年利润
  • 船舶税率是多少
  • 销售收入和销售收入净额的区别
  • 资金托管账户的钱能查到吗
  • 工会建账需要建几本账
  • 厂区道路折旧年限最新规定
  • 发票领购簿用完了怎么领取
  • 待处理财产损益是备抵类科目吗
  • 金税四期对小规模企业有何要求
  • 老板让我做分公司负责人能接受么
  • 异地办理税务登记需要什么资料
  • 金银首饰以旧换新会计处理
  • 买二手车注意事项与提车细节
  • 物业公司预收款账务处理
  • 公司购买承兑需要交税吗
  • 差旅费的进项税额需要转出吗
  • 会计结账一般都是谁做
  • 劳务费需要通过应付职工薪酬科目核算吗
  • sql server常见故障
  • mysql批量删表
  • MySQL数据库开发技术电子版
  • sql 语句
  • qq8.2.1版本下载正式版
  • 新移动硬盘安装视频教程
  • hpl是什么文件
  • windows10秋季更新
  • linux error 27:unrecognized command
  • 两个linux系统之间如何传文件
  • js页面点击怎么随机生成图片
  • perl hex
  • opengl中点画线算法
  • nodejs制作网站
  • nodejs安装在c盘好还是d盘好
  • cocos creator android
  • 税控盘如何分配发票
  • 国家税务局河北省税务局
  • 杭州国家税务局陈英泽
  • 地税申报网上操作步骤
  • 关于增值税和消费税两者之间关系的说法错误的是
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设