日常开发经验11.28

简介: 日常开发经验11.28

1.element-ui更改图标icon大小


1. <div class="size-icon">
2.  <i class="el-icon-dish" ></i>
3. </div>

.size-icon{
  font-size: 25px;
}

2. :style 常用的方法


<span class="yuandian" :style="{backgroundColor:(index==Rcolor?'#d10000':'#dddddd')}"></span>

3.z-index的层叠性


有一个固定定位的侧边栏,鼠标经过侧边栏出现一个div是绝对定位,要求固定定位的字在上面,div在下面,设置固定定位z-index是9999,而div的绝对定位z-index是1,但是效果为达到效果,但是给div设置为-1的时候就可以了。

4. 单行文本溢出的写法


使用text-overflow属性,并且要加width宽度属性

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

5.elementUI+配合路由进行页面跳转


ee477171b3d54a88b487189ff8de2862.png

场景:

页面中点击‘了解更多’,分别进入不同的页面,但是它和右侧毫无关联。

解决

activename是elementui提供的选中下标,我们可以设置他的下标名字和路由名称一样,然后把这个activename当做路由的地址,就可以实现点击跳转到相应页面。

image.png

相关文章
|
7月前
|
小程序 前端开发 测试技术
小程序开发心得体会
小程序开发心得体会
|
3月前
|
Linux API C语言
软件工程师,不了解64位程序开发你就out了
软件工程师,不了解64位程序开发你就out了
57 7
|
4月前
|
关系型数据库 Java 数据库
后端开发之道:从新手到高手的蜕变之旅
在数字时代的浪潮中,后端开发如同一座灯塔,指引着应用程序稳定运行的方向。本文将通过浅显易懂的语言,带领初学者了解后端开发的基本概念、核心技能和职业发展路径。我们将一起探索如何从零基础起步,逐步成长为一名能够独当一面的后端开发高手。无论你是编程新手,还是希望深化后端知识的开发者,这篇文章都将为你的职业之路提供宝贵的指导和启示。
|
存储 开发框架 小程序
【全栈小程序开发路线】手把手教你入门小程序开发,小白必看!
以下内容是结合我项目中实战经验,踩坑记录,大量时间学习小程序的积累,总结分享给大家。 学习路线包括前端基础、小程序开发框架、UI组件库、云开发、周边生态以及插件这几个纬度,学完这些,你也能全栈开发一个属于自己的产品。
594 0
开发经验
首先最重要的就是每天早上打开项目之前,先 pull 一次最新的代码
73 0
|
运维 监控 算法
“技术开发最应该做什么?”,聊聊我在服务端开发5年的理解和收获
“技术开发最应该做什么?”,聊聊我在服务端开发5年的理解和收获
169 0
|
运维 前端开发 JavaScript
自学开发技术,从入门到入行
说到学习这种事情,无论是学什么,都需要持之以恒,拥有坚持的决心才有可能会学到一些东西。如果只是三天打鱼,两天晒网的态度,不出差错的话,结果一定是和你想的大相径庭。
209 0
自学开发技术,从入门到入行
|
存储 JavaScript
日常开发经验总结(2021-11-04)
日常开发经验总结(2021-11-04)
|
移动开发 小程序 前端开发
全栈工程师之路-中级篇之小程序开发-前言
全栈工程师之路-中级篇之小程序开发-前言
236 0