36 lines
990 B
SCSS
36 lines
990 B
SCSS
|
/* 添加样式 */
|
||
|
|
.time-control {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin:0 0 0 300px ; /* 使整体居中 */
|
||
|
|
}
|
||
|
|
.select {
|
||
|
|
margin-right: 10px; /* 下拉框右侧间距 */
|
||
|
|
width: 90px; /* 下拉框宽度 */
|
||
|
|
}
|
||
|
|
.date-display {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin-right: 10px; /* 日期选择器右侧间距 */
|
||
|
|
width: 250px;
|
||
|
|
}
|
||
|
|
.date-picker {
|
||
|
|
margin-right: 10px; /* 日期选择器之间的间距 */
|
||
|
|
}
|
||
|
|
.triangle-button {
|
||
|
|
margin:0 2px; /* 设置左右间距 */
|
||
|
|
}
|
||
|
|
.left_triangle {
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border-top: 10px solid transparent; /* 上边透明 */
|
||
|
|
border-bottom: 10px solid transparent; /* 下边透明 */
|
||
|
|
border-right: 15px solid white; /* 左边为白色 */
|
||
|
|
}
|
||
|
|
.right_triangle {
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border-top: 10px solid transparent; /* 上边透明 */
|
||
|
|
border-bottom: 10px solid transparent; /* 下边透明 */
|
||
|
|
border-left: 15px solid white; /* 左边为白色 */
|
||
|
|
}
|