.van-popup__content没用
时间: 2023-07-03 09:32:19 浏览: 136
非常抱歉,我理解错了您的问题。以下是针对`<van-popup>`标签下的`<div>`标签的样式:
```css
.van-popup__container {
background-color: #fff; /* 设置背景色 */
border-top-left-radius: 10px; /* 设置圆角 */
border-top-right-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 添加阴影 */
}
.van-popup__content > div {
display: flex;
justify-content: space-between;
align-items: center;
height: 40px;
font-size: 16px;
color: #333;
border-bottom: 1px solid #eee; /* 添加分割线 */
}
.van-popup__content > div:last-child {
border-bottom: none; /* 最后一行不要分割线 */
}
.van-popup__content > div > div:first-child {
margin-left: 10px; /* 第一个子元素左边距 */
}
.van-popup__content > div > div:last-child {
margin-right: 10px; /* 最后一个子元素右边距 */
}
```
这些样式将会让`<div>`标签在弹窗中水平居中、垂直居中,每个子元素之间有10像素的间距,并且添加了底部边框。如果您需要修改样式,可以根据您的需求对这些样式进行调整。
阅读全文
相关推荐
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)