Elementplus如何使面包屑往左边移动,右边头像下拉菜单如何写,下拉菜单如何靠中一点,下拉菜单出现文字不对齐怎么办,如何设置鼠标样式,如何使用阿里妈妈icon,如何点击icon全屏

简介: Elementplus如何使面包屑往左边移动,右边头像下拉菜单如何写,下拉菜单如何靠中一点,下拉菜单出现文字不对齐怎么办,如何设置鼠标样式,如何使用阿里妈妈icon,如何点击icon全屏

参考资料:

【带小白做毕设】6. Vue管理系统速成_哔哩哔哩_bilibili

使用style添加样式

style="margin-left:20px",使用了flex布局之后,上一篇文章,添加style样式就行

下拉菜单的写法,第一步找到Dropdown下拉菜单:

右侧给他来一个自适应的布局:

<div style="flex: 1;width: 0;display: flex;align-items: center;justify-content:flex-end">

代码效果:

placement="bottom"

下拉菜单出现文字不对齐,出现这种情况来一个flex布局

怎样设置箭头样式:

用cursor:default进行设置

如何使用别的网站icon

第一步,搜索iconfont

第二步:使用时,添加到购物车当中

第三步,添加到项目里

第四步 找到我的项目当中

第五步 项目名称可以自己编辑

第六步 新建项目

第七步 项目设置

第八步下载到本地

第九步 将这四个文件选中

第十步 在我的项目中右键,新建一个iconfont文件

第十一步 之后在main.js文件中import 进来

第十二步,把我们复制的文件给他插入进去

第十三步 复制代码就行

第十四步 用的时候写一个i,把他放进去就可以了

第十五步,把他放进去

第十六步 margin来个0和5px,可以让全屏的icon,之间的距离分开

第十七步 handleFull写成这样

第十八步 进入全屏模式

第十九步 再写一个主体

第二十步,把我们编辑的主题色下载下来

第二十一步,把我们CSS样式的颜色复制下来

第二十二步 把我们CSS样式放到里面

最后import 引入

button按钮全部变色


相关文章
点击图片或者鼠标划过切换样式的另一种写法
点击图片或者鼠标划过切换样式的另一种写法
80 0
|
JavaScript 前端开发
jQuery实现右上角点击后滑下来的竖向菜单
原文:jQuery实现右上角点击后滑下来的竖向菜单 效果体验请点击这里:http://keleyi.com/a/bjad/27095rgj.htm这个菜单我觉得可以做成在线客服之类的,点击下滑后,带关闭按钮,因此在不想显示的时候可以关掉它。
935 0
|
前端开发
css动画效果代码淡入淡出折叠展开点击悬浮
css动画效果代码淡入淡出折叠展开点击悬浮
点击element-ui表格中的图标,上方显示具体的文字描述
点击element-ui表格中的图标,上方显示具体的文字描述
点击element-ui表格中的图标,上方显示具体的文字描述
|
前端开发 JavaScript
界面按钮样式丑?不可能!16款css实现炫酷按钮
界面按钮样式丑?不可能!16款css实现炫酷按钮
404 0
界面按钮样式丑?不可能!16款css实现炫酷按钮
|
JavaScript
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
621 0
在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果
|
前端开发
uniapp checkbox样式失效,选中框选中按钮不显示
uniapp checkbox样式失效,选中框选中按钮不显示
433 0
|
前端开发 JavaScript
CSS实现背景跟随滑动的按钮菜单效果
通过transition过渡属性,可以将相关css属性的变化,改为一个持续一段时间的连续过程,而不是使css样式的改变立即生效,其过程按照指定的曲线速率变化......
579 0
CSS实现背景跟随滑动的按钮菜单效果