vue修改Element中走马灯（el-carousel）的指示灯的位置

问题描述：一般调用element的走马灯，添加完图片之后就会出现指示灯，但是要是修改走马灯的指示灯的位置，应该怎么去修改，看下面代码：/deep/ .el-carousel__indicators { // 指示灯位置left: unset;transform: unset;right: 2%;}/deep/ .el-carousel__button { // 默认按钮的颜色大小等width: 3

_仰望星空的你

5540人浏览 · 2022-02-28 18:41:26

_仰望星空的你 · 2022-02-28 18:41:26 发布

问题描述：

在这里插入图片描述

一般调用element的走马灯，添加完图片之后就会出现指示灯，但是要是修改走马灯的指示灯的位置，应该怎么去修改，看下面代码：

/deep/ .el-carousel__indicators { // 指示灯位置
  left: unset;
  transform: unset;
  right: 2%;
}
/deep/ .el-carousel__button { // 默认按钮的颜色大小等
  width: 36px;
  height: 8px;
  border: none;
  border-radius: 20px;
  background: #FFFFFF;
  opacity: 1;
}

/deep/ .is-active .el-carousel__button { // 选中图片的颜色
  background: #14A5FE;
  opacity: 1;
}

效果

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^