历史影像UI

lixuliang

2024-03-12 04829a7f4015a6b7fc25872de15f01ad9b97c31e

历史影像UI

 src/components/poplayer/history2.vue

@@ -30,8 +30,8 @@
  data() {
    return {
      arr: [
        2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012,
        2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021,
        2021, 2020, 2019, 2018, 2017, 2016, 2015, 2014, 2013, 2012, 2011, 2010,
        2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002, 2001,
      ],
      currentValue: 2021,
    };
@@ -77,7 +77,7 @@
  right: 10px;
  bottom: 18px;
  width: 48px;
  height: 594px;
  /* height: 594px; */
  background: #ffffff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.21);
  border-radius: 13px;
@@ -90,8 +90,8 @@
  font-weight: bold;
  font-size: 15px;
  color: #1c222f;
  height: 28px;
  line-height: 28px;
  /* height: 28px;
  line-height: 28px; */
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
@@ -111,7 +111,7 @@
  height: 100vh;
}

.active {
.listBox .active {
  /* background-color: #4590d7; */
  color: #127dff;
}