对van-notice-bar组件定义内容进行设置

1.使用效果

使用前,仔细看红框中位置,少了半截
在这里插入图片描述
使用后
在这里插入图片描述

2.Elements元素设置的位置

因为该Style是内部的一个组件,无法直接在对应的div上直接改动的,所以许要在van-notice-bar下面一层自定义的style中添加,那么怎么添加到其下面一层呢?
在这里插入图片描述
3.添加style

  :deep(.van-notice-bar__content.van-ellipsis){
    min-width: 100%;
    max-width: 100%;
  }

:deep就是往某个组件下一层添加。
.van-notice-bar就是要被添加的组件名称。
__content.van-ellipsis就是后面跟的标志,这个名字不是随便起的,得是van-notice-bar下一层自带的Style名称,如上图右层红框位置,下面的一个style,就是同上面的是一样的。

声明:因本人不是专业前端,讲解的观点和内容并不一定是准确的,只是能够实现页面效果,请谨慎相信。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值