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


相关文章
|
XML SQL JavaScript
SpringBoot+vue实现导入导出excel,使用hutool工具
在实际应用场景中,我们常常需要迁移应用到另一个环境中。「应用的导入导出」功能可以便捷实现应用的迁移与重塑,甚至可以选择不同菜单,数据模型,与审批流程,业务事件,选择性导入,更高效便捷完成应用的迁移。其次,在导入的应用中,选择所需导入的部分,可以全选,也可以选择部分导入。「部分导入」实现了模块迁移的效果,对于企业级应用迁移来说,不仅利用率高,适用性也极为普遍。有了「应用导入导出」功能,就可以轻松迁移各类应用。同时,在使用应用市场中的应用,与更新应用方面,都非常灵活易用。 下面来介绍,这个功能性是如何实现的。
2493 0
SpringBoot+vue实现导入导出excel,使用hutool工具
|
搜索推荐 C++
C++冒泡排序的实现
C++冒泡排序的实现
476 0
|
存储 移动开发 前端开发
七夕特辑——3D爱心(可监听鼠标移动)
七夕特辑——3D爱心(可监听鼠标移动)
|
前端开发 数据格式
jeecgboot前端antd Table组件动态合并单元格
jeecgboot前端antd Table组件动态合并单元格
1085 0
|
数据采集 Python
使用多线程或异步技术提高图片抓取效率
图片抓取是爬虫技术中常见的需求,但是图片抓取的效率受到很多因素的影响,比如网速、网站反爬机制、图片数量和大小等。本文将介绍如何使用多线程或异步技术来提高图片抓取的效率,以及如何使用爬虫代理IP来避免被网站拒绝服务
476 0
使用多线程或异步技术提高图片抓取效率
|
7月前
|
机器学习/深度学习 算法 机器人
【机器人路径规划】基于深度优先搜索(Depth-First-Search,DFS)算法的机器人路径规划(Python代码实现)
【机器人路径规划】基于深度优先搜索(Depth-First-Search,DFS)算法的机器人路径规划(Python代码实现)
365 3
|
前端开发 Java
springboot集成knife4j接口文档
springboot集成knife4j接口文档
springboot集成knife4j接口文档
西门子S7-1200组态网络连接,组态HMI连接
西门子S7-1200在图形化的网络视图工作区中,可以很方便地将具有联网能力的设备进行组网,下面我们就简单介绍如何组态网络连接及如何组态HMI连接。
西门子S7-1200组态网络连接,组态HMI连接
|
安全 IDE 开发工具
Python——记录pip问题(解决下载慢、升级失败问题)
Python——记录pip问题(解决下载慢、升级失败问题)
1218 1
|
前端开发 开发者 UED
深入理解CSS属性“flex:1”的奥秘
深入理解CSS属性“flex:1”的奥秘
下一篇
开通oss服务