代码更新

Surpriseplus

2023-10-07 a77448eb072f10dd3827694140f87c3069b1dba4

 src/components/menu/bottom-menu.vue

@@ -1,6 +1,10 @@
<template>
  <div class="specialTool">
    <div class="legend" v-for="(item, index) in list" :key="index">
    <div
      class="legend"
      v-for="(item, index) in list"
      :key="index"
    >
      <img
        class="img"
        :src="item.icon"
@@ -16,29 +20,32 @@
.specialTool {
  position: absolute;
  bottom: 45px;
  width: 680px;
  padding: 5px;
  /* width: 650px; */
  /* padding: 5px; */
  border: 2px solid #016ce2;
  border-radius: 3px;
  background-color: #0952c860;
  color: #fff;
  font-size: 15px;
  font-size: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  pointer-events: all;
  display: flex;
  justify-content: space-between;
  padding: 10px 10px;
  padding-left: 0px;
}
.legend {
  width: 150px;
  /* width: 150px; */
  margin-left: 10px;
  display: flex;
  float: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* background: red; */
}
img {
  width: 40px;
  width: 20px;
}
</style>