当前位置:网站首页>对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,就是同上面的是一样的。
声明:因本人不是专业前端,讲解的观点和内容并不一定是准确的,只是能够实现页面效果,请谨慎相信。
边栏推荐
- Pytorch study notes 13 - Basic_RNN
- 【博学谷学习记录】超强总结,用心分享 | 软件测试 UnitTest框架
- When solving background-size:cover, the picture is covered but not displayed completely?
- 衡量 DevOps 成功与否的重要度量指标
- 【Rhapsody学习笔记】3:Dishwasher
- alert弹框处理,div块处理,上传文件
- 【Latex】TexLive+VScode+SumatraPDF 配置LaTex编辑环境
- Remote file xxx is mapped to the local path xxx and can't be found. You can continue debugging....
- Where can I find the private files set by myself?
- 十分钟教你玩转分支语句!!!!!小白速进,新手福利!!
猜你喜欢

DSPE-PEG-Thiol DSPE-PEG-SH phospholipid-polyethylene glycol-thiol liposome for later use

小型网站组建(ENSP)

Pytorch study notes 10 - detailed explanation of convolutional neural network and application of multi-classification task of mnist dataset

2022年软件测试现状最新报告

UE5 最新动态虚幻引擎全新版本引爆互联网

C语言数组的深度分析

routeros KVM安装LEDE 20191030最新版应用

Incredibuild 宣布支持 Yocto

DOM操作-事件的绑定与解绑

力扣.两数之和/四数相加||
随机推荐
VS2019配置配置项目属性自定义输出目录与中间目录
IDEA概述和安装及调试
ES6-字符串
能否更上一层楼?探究 CMake 争论
随机数,函数
ROS subscription to multiple topics time synchronization problem
力扣.剑指offer05.替换空格
ES6-class类
Picture-in-Picture API in the browser
Solution for MySQL The table is full
IDEA overview and installation and debugging
自己设置的私密文件,在哪找
cenos7安装cmake-3.22.2
C语言知识点(二)
ES6-01-ES的简介
Unity版本升级问题总结
小型网站组建(ENSP)
数据库/表的基本操作
力扣.三数之和/四数之和
ImportError: cannot import name 'Xxxx' from partially initialized module 'xx.xx.xx'