当前位置:网站首页>对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,就是同上面的是一样的。
声明:因本人不是专业前端,讲解的观点和内容并不一定是准确的,只是能够实现页面效果,请谨慎相信。
边栏推荐
猜你喜欢
DOM操作-事件的绑定与解绑
超详细!!!让你了解冒泡排序的底层逻辑和思想
ES6-class类
【内网开发日记】用websocket手搓一个聊天软件
Pytorch Daily Practice - Predicting Surviving Passengers on the Titanic
nacos1.4.1创建配置报错
ImportError: cannot import name 'Xxxx' from partially initialized module 'xx.xx.xx'
【博学谷学习记录】超强总结,用心分享 | 软件测试 抓包
routeros KVM安装LEDE 20191030最新版应用
TCP与UDP协议的区别,以及TCP的三次握手和四次挥手
随机推荐
测试CSDN积分需求
MySQL官网8.0.17 安装教程(适合离线安装)
递归访问目录,定义嵌套函数,打印斐波那契数列,对列表进行排序,map函数计算列表,filter函数过滤,reduce计算1~100的和
Unity导入我的世界模型,简单图解教程(包括调整材质贴图和光照和添加碰撞)
离线安装activeMq
螺旋矩阵Ⅱ
IDEA overview and installation and debugging
Websocket协议解析与QT代码示例
浅谈音视频开发入门基础及进阶资源分享
记一次QT 2D 画图 实现3D动态效果
定位元素之后操作对象
JDBC的使用
DSPE-PEG-Thiol DSPE-PEG-SH phospholipid-polyethylene glycol-thiol liposome for later use
Wlan实验(ENSP)
cenos7安装cmake-3.22.2
等待,信息打印,浏览器操作,键盘事件
变更管理与 DevOps —— 二者同时进行吗?
读写文件,异常,模块和包
Three methods of accessing image pixels in opencv
对称加密和非对称加密