当前位置:网站首页>对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,就是同上面的是一样的。
声明:因本人不是专业前端,讲解的观点和内容并不一定是准确的,只是能够实现页面效果,请谨慎相信。
边栏推荐
猜你喜欢
随机推荐
ROS service transfer pictures
常见网络攻击与防御方法
定义一个生成器函数,用代码写一个和range函数功能相同的函数,re模块中函数的使用
Virtual machine view port number process
TCP与UDP协议的区别,以及TCP的三次握手和四次挥手
滑动窗口法
会话和饼干,令牌
【博学谷学习记录】超强总结,用心分享 | 软件测试 测试基本概念、模型与用例
通过js禁止ctrl+滚轮放缩浏览器页面,禁止用手势放大
DOM操作案例1-点击,使表格的颜色切换(点击单元格,整行或整列颜色切换)
测试——用例篇
UE5 最新动态虚幻引擎全新版本引爆互联网
力扣151. 颠倒字符串中的单词
DOM操作-案例:切换背景图片
Incredibuild 宣布支持 Yocto
nacos1.4.1创建配置报错
CSDN上markdown编写的一些便捷操作
螺旋矩阵Ⅱ
数据库/表的基本操作
实现二叉树的基本操作









