位置: 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打包优化)

  • 新领的发票怎么分发
  • 计提所得税分录计提的时候金额比实际缴纳多
  • 支付给派遣员工的工资计入应付职工薪酬吗
  • 合伙企业缓交所得税
  • 运输公司轮胎如何做会计分录
  • 利润表收入含其他收入吗怎么填
  • 如何在金蝶算季度利润表发生额
  • 税控服务费减免政策
  • 保险公司收车船使用税吗
  • 小规模纳税人报税前需要做什么
  • 金蝶数量金额式明细账怎么查看
  • 政府补助的会计核算形式有哪些
  • 没开发票可以确认收入吗?
  • 企业所得税扣除凭证
  • 公司从基本户转钱到一般户走流程?
  • 发给职工的福利要交个税吗
  • 融资贷款保险费计算公式
  • 印花税计入应交税费需要调整吗
  • 房产印花税缴纳
  • 土地使用税与房产税的区别
  • 业务招待费在企业所得税税前扣除的标准是什么?
  • 金三地税系统如何安装客户端插件?
  • 美国边境管理体制
  • 其他应付款需要做预算会计吗
  • 零申报的企业年末的利润表可以为零吗?
  • 企业购买固定资产要交印花税吗
  • 增值税发票自查报告
  • 应发工资包含罚款吗
  • php+mysql项目实战教程
  • linux安装xen
  • 代发工资有什么弊端
  • phpstudy的ftp
  • 留底的进项税额记哪儿?
  • php floor()
  • 商品流通企业会计科目表
  • 云霞下的麦田
  • php23种设计模式
  • 限售股转让个人所得税退税
  • anaconda虚拟机
  • 应缴纳的房产税计入什么科目
  • 顺风车没有发票可以税前扣除吗
  • 应收账款坏账准备怎么计算
  • 帝国CMS根据不同会员组显示不同内容的方法
  • 进口税 增值税
  • access参数查询怎么弄
  • 劳动合同要给税收吗
  • 租金收入会计科目
  • a公司持有b公司
  • 中小型企业应收账款风险管理
  • 租赁业发票
  • 建造生产线计入什么科目
  • 去年的车辆保险今年才开怎么做分录
  • 无形资产内部研究开发支出的处理
  • 结转公允价值变动
  • 怎样单方面注销手机卡
  • 空调安装开发票
  • 应交税费科目账务处理
  • 劳务报酬如何记账
  • 增值税直接减免额怎么做账
  • 无票收入怎么做账,要交税吗,填入增值税申报表
  • 银行日记账怎么导出
  • 施工企业应收账款确认依据
  • sql优化的一般步骤
  • mysql深入解析
  • ubuntu系统如何安装
  • freebsd常用命令
  • dyservice.exe是什么
  • Mac如何设置自动锁屏
  • mac如何设置wifi热点
  • windows8安装程序
  • 引发脚本异常
  • shell脚本转换文件编码
  • perl mkdir
  • opengl使用教程
  • js显示时间并且之后秒数实时更新
  • python计算文件大小
  • 安卓全局替换
  • jquery 插件写法
  • 公共暖气管道维修费用由谁承担
  • 广东发票勾选认证操作流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设