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按钮全部变色


相关文章
|
1月前
|
JavaScript
vue 指定区域可拖拽的限定拖拽区域的div(如仅弹窗标题可拖拽的弹窗)
vue 指定区域可拖拽的限定拖拽区域的div(如仅弹窗标题可拖拽的弹窗)
44 0
|
9月前
|
前端开发
css动画效果代码淡入淡出折叠展开点击悬浮
css动画效果代码淡入淡出折叠展开点击悬浮
|
9月前
|
前端开发
uniapp checkbox样式失效,选中框选中按钮不显示
uniapp checkbox样式失效,选中框选中按钮不显示
199 0
|
前端开发 JavaScript
两种方式实现css取消页面鼠标双击选中文字或单击拖动选中文字的效果
两种方式实现css取消页面鼠标双击选中文字或单击拖动选中文字的效果
465 0
|
前端开发 JavaScript
CSS实现背景跟随滑动的按钮菜单效果
通过transition过渡属性,可以将相关css属性的变化,改为一个持续一段时间的连续过程,而不是使css样式的改变立即生效,其过程按照指定的曲线速率变化......
502 0
CSS实现背景跟随滑动的按钮菜单效果
点击图片或者鼠标划过切换样式的另一种写法
点击图片或者鼠标划过切换样式的另一种写法
63 0
|
前端开发 JavaScript
界面按钮样式丑?不可能!16款css实现炫酷按钮
界面按钮样式丑?不可能!16款css实现炫酷按钮
317 0
界面按钮样式丑?不可能!16款css实现炫酷按钮
点击element-ui表格中的图标,上方显示具体的文字描述
点击element-ui表格中的图标,上方显示具体的文字描述
点击element-ui表格中的图标,上方显示具体的文字描述
|
JavaScript
一个立体感的按钮样式
原文:一个立体感的按钮样式 ...
837 0