Vue3 第十七篇：使用JSX轻松实现Logo组件

这个比较简单：一张图片，一个标题，一个回到主页的方法。

const Logo = () => {return (<><div style={comLogoBox} title="标题"><img src="http://demo-jj.dev33.cn/spdj-admin/sa-frame/admin-logo.png" style={adminLogo} /><span style={adminTitle}>管理系统</span></div></>)
}let comLogoBox = {cursor: "pointer"
}
let adminLogo = {width: "40px",height: "40px",borderRadius: "50%",verticalAlign: "middle",marginLeft: "22px"
}
let adminTitle = {paddingRight: "0.5em",marginLeft: "0.5em",fontSize: "0.5em",
}
export default Logo

导入使用即可：

Vue3 第十七篇：使用JSX轻松实现Logo组件相关推荐

第十七篇计算机组成原理
第十七篇计算机组成原理 1.组成计算机的五大硬件 (1)计算机的硬件组成计算机有五大组成部分:控制器.运算器.存储器.输入设备和输出设备.其中控制器和运算器组成了计算机的中央处理器(CPU) (2 ...
第二十七篇导航栏和内容块
导航栏和内容块上节课留下了一个小练习: 老师做了一份,但是没有图片图标,所以代码里没有用到 img 标签. 在写之前,我们要分析吧,这个页面,难度只有左侧的导航栏.因为动态! 我们可以用到jQuer ...
解剖SQLSERVER 第十七篇使用 OrcaMDF Corruptor 故意损坏数据库（译）
解剖SQLSERVER 第十七篇使用 OrcaMDF Corruptor 故意损坏数据库(译) http://improve.dk/corrupting-databases-purpose-usin ...
九宫怎么排列和使用_剪映零基础入门教程第三十七篇：一学就会系列之九宫格小程序配音...
很多玩儿抖音的朋友都看过九宫格视频,但是并不是每个玩抖音的人都会制作这个九宫格视频,实际这个需要借助小工具来帮忙,而常用抖音的朋友们会对剪映更加熟悉一些,且九宫格视频在剪映内的制作方式则比较简单.那么 ...
Vue3.0实践：使用Vue3.0做JSX(TSX)风格的组件开发
前言我日常工作都是使用React来做开发,但是我对React一直不是很满意,特别是在推出React Hooks以后. 不可否认React Hooks极大地方便了开发者,但是它又有非常多反直觉的地方, ...
奋斗的小孩系列 FPGA学习altera系列: 第十七篇自动售货机设计
奋斗的小孩系列 FPGA学习altera系列: 第十七篇自动售货机设计作者:奋斗的小孩郝旭帅(转载请注明出处) 大侠好,欢迎来到FPGA技术江湖,江湖偌大,相见即是缘分.大侠可以关注FPGA技术 ...
CCIE理论-第十七篇-IPV6-NAT-PT
CCIE理论-第十七篇-IPV6-NAT-PT 这是最后一篇IPV6了,IPV6讲了好久好久了 ipv6的gre还给我上了个热榜哈哈这一篇讲解IPV6的NAT,IPV6的NAT和IPV4的NAT还是 ...
React学习（1）——JSX语法与React组件
为什么80%的码农都做不了架构师?>>> 本文记录了在官网学习如何使用JSX+ES6开发React的过程. 全文共分为3篇内容: JSX语法与React组件状态.事件与动态渲 ...
grep v grep_使用grep4j轻松测试分布式组件上的SLA
grep v grep 因此,您的分布式体系结构如下图所示,您刚刚从企业那里收到了一项要求,以确保生产者发送并随后传输到下游系统(消费者)的消息的SLA必须快且永远不会慢于此. 400毫秒. 要求说: ...

Vue3 第十七篇：使用JSX轻松实现Logo组件

Vue3 第十七篇：使用JSX轻松实现Logo组件相关推荐

最新文章

热门文章