首页 > 其他分享 >Element plus Carousel 修改指示器样式

Element plus Carousel 修改指示器样式

时间:2023-07-19 11:22:04浏览次数:30  
标签:__ el Carousel deep Element outside plus carousel li

在Vue的<style>标签中,使用/deep/选择器是不推荐的,因为它已经被废弃了。取而代之的是使用>>>::v-deep选择器来代替/deep/选择器。

思路:通过::v-deep找到标签,通过伪类添加需要的样式:

 

// 滚动窗口底部的指示器
.el-carousel ::v-deep .el-carousel__indicators--outside li button{
    height: 20px;
}
.el-carousel ::v-deep .el-carousel__indicators--outside li:nth-child(1) button::after {
  content: "1";
}

.el-carousel ::v-deep .el-carousel__indicators--outside li:nth-child(2) button::after {
  content: "2";
}

.el-carousel ::v-deep .el-carousel__indicators--outside li:nth-child(3) button::after {
  content: "3";
}

 

 

 

 

 

 

标签:__,el,Carousel,deep,Element,outside,plus,carousel,li
From: https://www.cnblogs.com/easyidea/p/17565092.html

相关文章

  • vue-element-admin改为从后台拿动态路由
    改为从后台拿动态路由,大概如下步骤:1、后台增加接口,返回动态路由数据2、前端增加请求动态路由接口请求3、修改src/route/index.js去掉原有的动态路由,增加组件名和组件对象映射map4、修改src/store/modules/permission.js修改当前权限判断处理方法 generateRoutes一、后......
  • 54.使用VUE3+VITE+TYPESCRIPT+element-plus的setup语法糖,实现导出excel功能
    要实现导出Excel功能,你可以使用以下步骤:1.安装相关依赖:```bashnpminstallxlsxfile-saver```2.在你的组件中引入相关依赖:```javascriptimport{ref}from'vue';import{saveAs}from'file-saver';import{useTable}from'element-plus';importXLSX......
  • jdbc-plus是一款基于JdbcTemplate增强工具包,基于JdbcTemplate已实现分页、多租户、动
    ......
  • Element
    一、Element1.Element是饿了么团队研发的,一套为开发者、设计师和产品经理准备的基于Vue2.0桌面端组件库。2.组件组成网页的部件,例如超链接、按钮、图片、表格、表单、分页条等等。3.官网https://element.eleme.cn/#/zh_CNListener二、Element常见组件1.Table表格用于展示......
  • Office Tool Plus
    亲测可用,记录一下......
  • app直播源代码,element的select如何获取选中的对象
    app直播源代码,element的select如何获取选中的对象 <el-select     v-model="form.partnerShortName"      filterable     remote     placeholder="请输入关键词"     :remote-method="remoteMethod"     :loadi......
  • html5 plus 返回上一页
    HTML5Plus返回上一页在移动应用开发中,经常会遇到需要返回上一页的场景。HTML5Plus提供了一种简便的方式来实现这一功能,本文将介绍如何使用HTML5Plus来返回上一页,并提供一些代码示例来帮助读者更好地理解。HTML5Plus简介HTML5Plus是一种用于移动应用开发的开发框架,它......
  • Statement not bound, 使用MybatisPlus时的SqlSessionFactory和MybatisSqlSessionFact
    最近首次在真实项目中,实践用SpingBoot整合Mybatis、MybatisPlus、Spring、多数据源等常见SSH整合问题。遇到一个难题,MybatisPlus遇到了经典的问题“Statementnotbound”。如果是Mybatis,很容易解决,扫描到Mapper接口文件和Mapper.xml文件,肯定能搞定。这次整合进了MybatisPlus,之前......
  • ElementUI——日期范围选择得快捷选项
    前言element-ui的日期范围的快捷选项;内容pickerOptions:{shortcuts:[{text:'今天',onClick(picker){constend=newDate()conststart=newDate()picker.$emit('pick',[start,end]......
  • MybatisPlus
    目录configMybatisPlusConfig.javapackagecom.bijian.mybatisplus.config;importcom.baomidou.mybatisplus.annotation.DbType;importcom.baomidou.mybatisplus.extension.plugins.MybatisPlusInterceptor;importcom.baomidou.mybatisplus.extension.plugins.inner......