Browse Source

下拉菜单样式更新

master
whyzxhnd 4 weeks ago
parent
commit
fa63be78b4
  1. 20
      vite-element-template/src/styles/index.scss
  2. 2
      vite-element-template/src/views/home.vue

20
vite-element-template/src/styles/index.scss

@ -137,3 +137,23 @@ div:focus {
.flex_1 { .flex_1 {
flex: 1; flex: 1;
} }
.el-select-dropdown__item {
background: rgba(25, 22, 104, 0.95);
color: #e0e0ff;
font-size: 16px;
border-radius: 6px;
margin: 4px 8px;
transition: background 0.2s;
&:hover,
&.selected {
background: linear-gradient(90deg, #1976d2 0%, #00eaff 100%);
color: #fff;
}
}
.el-select-dropdown {
background: rgba(10, 20, 60, 0.98);
border-radius: 10px;
box-shadow: 0 4px 24px 0 #1976d2aa;
padding: 8px 0;
}

2
vite-element-template/src/views/home.vue

@ -102,7 +102,7 @@ export default {
specificTypeMonitorPointCount: 0, specificTypeMonitorPointCount: 0,
}, },
monitorList: [], monitorList: [],
videoList: Array(9).fill({}),
videoList: [],
wvpService: WvpService, wvpService: WvpService,
loading: false, loading: false,
playerIdx: 0, playerIdx: 0,

Loading…
Cancel
Save