| | |
| | | <el-col :span="8"> |
| | | <div class="line-container"> |
| | | <div class="RGVline"></div> |
| | | <div :class="updateRGVOne()" :style="{ marginTop: RGV01.LevelPoint + 'px' }" |
| | | <div :class="updateRGVOne()" :style="{ transform: `translateY(${1280-RGV01.LevelPoint*0.00303627639+50}px)` }" |
| | | @click="mouseClickRGVFirst">1</div> |
| | | <div :class="updateRGVTwo()" :style="{ marginTop: 1000 + 'px' }" @click="mouseClickSecond">2 |
| | | <div :class="updateRGVTwo()" :style="{ transform: `translateY(${1280-RGV02.LevelPoint*0.00374041519+100}px)` }" @click="mouseClickSecond">2 |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | |
| | | <el-row :gutter="20" class="cardWidthrow"> |
| | | <el-col :span="12"> |
| | | <div> |
| | | |
| | | <el-row :gutter="20" style="height:1000px;margin-top:50px;"> |
| | | <span style="position: relative; top: 150px;left: 30px;">第äºå±</span> |
| | | <el-row :gutter="20" style="height:1000px;margin-top:10px;"> |
| | | <span style="position: relative; top: 100px;left: 30px;">第äºå±</span> |
| | | <div> |
| | | <div v-for="(group, index) in groupedLines(linescopy13)" :key="index"> |
| | | <div class="positionY-group"> |
| | |
| | | <div class="line-containerThird"> |
| | | <div class="lineThird"></div> |
| | | <div :class="updateRGVThird()" |
| | | :style="{ transform: `translateX(${RGV03.LevelPoint}px)`, marginTop: '3px' }" |
| | | :style="{ transform: `translateX(${1280-RGV03.LevelPoint*0.003397667+200}px)`, marginTop: '3px' }" |
| | | @click="mouseClickThird">3</div> |
| | | </div> |
| | | <div style="margin-top:180px;margin-right:100px"> |
| | |
| | | margin-bottom: 10px; |
| | | } */ |
| | | .title { |
| | | height: 1500px; |
| | | height: 1800px; |
| | | } |
| | | |
| | | .cardWidth { |
| | |
| | | } |
| | | |
| | | .cardWidthrow { |
| | | height: 40%; |
| | | height: 00%; |
| | | width: 100%; |
| | | /* margin-top: 10px; */ |
| | | box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04); |