当前位置:网站首页>对van-notice-bar组件定义内容进行设置
对van-notice-bar组件定义内容进行设置
2022-07-31 05:19:00 【想要飞翔的企鹅】
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,就是同上面的是一样的。
声明:因本人不是专业前端,讲解的观点和内容并不一定是准确的,只是能够实现页面效果,请谨慎相信。
边栏推荐
猜你喜欢
随机推荐
会话和饼干,令牌
Unity转微信小游戏与JS交互
DSPE-PEG-Thiol DSPE-PEG-SH phospholipid-polyethylene glycol-thiol liposome for later use
实现离线文件推流成rtsp 2
Image binarization processing of opencv
通过js禁止ctrl+滚轮放缩浏览器页面,禁止用手势放大
记一次QT 2D 画图 实现3D动态效果
Virtual machine view port number process
【Rhapsody学习笔记】1:Hello World
Incredibuild 宣布支持 Yocto
Getting Started with MySQL: The Case Statement Works Well
三本毕业,中途转行软件测试,顶着这些光环从月薪7k干到20k+,感觉还不错
MySQL free installation download and configuration tutorial
Wlan实验(ENSP)
测试——用例篇
ES6-箭头函数
力扣刷题之排序链表
螺旋矩阵Ⅱ
Detailed explanation of mysql transaction principle
定义一个类,super的使用,私有属性









