From ba88829f97aba96532c42152cbf3f4610371d66f Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@63.com> Date: 星期二, 30 八月 2022 15:12:10 +0800 Subject: [PATCH] # --- src/main/webapp/views/console.html | 121 ++++++++++++++++----------------------- 1 files changed, 50 insertions(+), 71 deletions(-) diff --git a/src/main/webapp/views/console.html b/src/main/webapp/views/console.html index 89cc231..40d68fb 100644 --- a/src/main/webapp/views/console.html +++ b/src/main/webapp/views/console.html @@ -159,11 +159,10 @@ </div> <!-- 璐ф灦 --> <div class="stock-group"> - <button class="item">1</button> - <button class="item">2</button> - <button class="item">3</button> - <button class="item">4</button> - <button class="item">5</button> + <button class="item item-hide" style="margin-left: 30px">2</button> + <button class="item item-hide">3</button> + <button class="item item-hide">4</button> + <button class="item item-hide">5</button> <button class="item">6</button> <button class="item">7</button> <button class="item">8</button> @@ -187,11 +186,10 @@ <span class="row-no">4#</span> </div> <div class="stock-group"> - <button class="item">1</button> - <button class="item">2</button> - <button class="item">3</button> - <button class="item">4</button> - <button class="item">5</button> + <button class="item item-hide" style="margin-left: 30px">2</button> + <button class="item item-hide">3</button> + <button class="item item-hide">4</button> + <button class="item item-hide">5</button> <button class="item">6</button> <button class="item">7</button> <button class="item">8</button> @@ -215,11 +213,10 @@ <span class="row-no">5#</span> </div> <div class="stock-group"> - <button class="item">1</button> - <button class="item">2</button> - <button class="item">3</button> - <button class="item">4</button> - <button class="item">5</button> + <button class="item item-hide" style="margin-left: 30px">2</button> + <button class="item item-hide">3</button> + <button class="item item-hide">4</button> + <button class="item item-hide">5</button> <button class="item">6</button> <button class="item">7</button> <button class="item">8</button> @@ -243,11 +240,8 @@ <span class="row-no">6#</span> </div> <div class="stock-group"> - <button class="item">1</button> - <button class="item">2</button> - <button class="item">3</button> - <button class="item">4</button> - <button class="item">5</button> + <button class="item item-hide" style="margin-left: 90px">4</button> + <button class="item item-hide">5</button> <button class="item">6</button> <button class="item">7</button> <button class="item">8</button> @@ -271,11 +265,8 @@ <span class="row-no">7#</span> </div> <div class="stock-group"> - <button class="item">1</button> - <button class="item">2</button> - <button class="item">3</button> - <button class="item">4</button> - <button class="item">5</button> + <button class="item item-hide" style="margin-left: 90px">4</button> + <button class="item item-hide">5</button> <button class="item">6</button> <button class="item">7</button> <button class="item">8</button> @@ -299,11 +290,8 @@ <span class="row-no">8#</span> </div> <div class="stock-group"> - <button class="item">1</button> - <button class="item">2</button> - <button class="item">3</button> - <button class="item">4</button> - <button class="item">5</button> + <button class="item item-hide" style="margin-left: 90px">4</button> + <button class="item item-hide">5</button> <button class="item">6</button> <button class="item">7</button> <button class="item">8</button> @@ -327,11 +315,8 @@ <span class="row-no">9#</span> </div> <div class="stock-group"> - <button class="item">1</button> - <button class="item">2</button> - <button class="item">3</button> - <button class="item">4</button> - <button class="item">5</button> + <button class="item item-hide" style="margin-left: 90px">4</button> + <button class="item item-hide">5</button> <button class="item">6</button> <button class="item">7</button> <button class="item">8</button> @@ -355,11 +340,8 @@ <span class="row-no">10#</span> </div> <div class="stock-group"> - <button class="item">1</button> - <button class="item">2</button> - <button class="item">3</button> - <button class="item">4</button> - <button class="item">5</button> + <button class="item item-hide" style="margin-left: 90px">4</button> + <button class="item item-hide">5</button> <button class="item">6</button> <button class="item">7</button> <button class="item">8</button> @@ -388,11 +370,8 @@ <div id="crn-2" class="machine"></div> </div> <div class="stock-group"> - <button class="item">1</button> - <button class="item">2</button> - <button class="item">3</button> - <button class="item">4</button> - <button class="item">5</button> + <button class="item item-hide" style="margin-left: 90px">4</button> + <button class="item item-hide">5</button> <button class="item">6</button> <button class="item">7</button> <button class="item">8</button> @@ -416,11 +395,8 @@ <span class="row-no">12#</span> </div> <div class="stock-group"> - <button class="item">1</button> - <button class="item">2</button> - <button class="item">3</button> - <button class="item">4</button> - <button class="item">5</button> + <button class="item item-hide" style="margin-left: 90px">4</button> + <button class="item item-hide">5</button> <button class="item">6</button> <button class="item">7</button> <button class="item">8</button> @@ -444,11 +420,8 @@ <span class="row-no">13#</span> </div> <div class="stock-group"> - <button class="item">1</button> - <button class="item">2</button> - <button class="item">3</button> - <button class="item">4</button> - <button class="item">5</button> + <button class="item item-hide" style="margin-left: 90px">4</button> + <button class="item item-hide">5</button> <button class="item">6</button> <button class="item">7</button> <button class="item">8</button> @@ -473,11 +446,8 @@ </div> <!-- 璐ф灦 --> <div class="stock-group"> - <button class="item">1</button> - <button class="item">2</button> - <button class="item">3</button> - <button class="item">4</button> - <button class="item">5</button> + <button class="item item-hide" style="margin-left: 90px">4</button> + <button class="item item-hide">5</button> <button class="item">6</button> <button class="item">7</button> <button class="item">8</button> @@ -501,11 +471,8 @@ <span class="row-no">15#</span> </div> <div class="stock-group"> - <button class="item">1</button> - <button class="item">2</button> - <button class="item">3</button> - <button class="item">4</button> - <button class="item">5</button> + <button class="item item-hide" style="margin-left: 90px">4</button> + <button class="item item-hide">5</button> <button class="item">6</button> <button class="item">7</button> <button class="item">8</button> @@ -529,11 +496,8 @@ <span class="row-no">16#</span> </div> <div class="stock-group"> - <button class="item">1</button> - <button class="item">2</button> - <button class="item">3</button> - <button class="item">4</button> - <button class="item">5</button> + <button class="item item-hide" style="margin-left: 90px">4</button> + <button class="item item-hide">5</button> <button class="item">6</button> <button class="item">7</button> <button class="item">8</button> @@ -558,7 +522,7 @@ </div> <div class="stock-group"> <button class="item item-hide" style="margin-left: 90px">4</button> - <button class="item">5</button> + <button class="item item-hide">5</button> <button class="item">6</button> <button class="item">7</button> <button class="item">8</button> @@ -1323,3 +1287,18 @@ } </script> +<script> + const items = document.querySelectorAll('.item-hide') + items.forEach((item)=> { + item.addEventListener('mouseenter', function () { + items.forEach((item)=> { + item.style.opacity= 0; + }) + }) + item.addEventListener('mouseleave', function () { + items.forEach((item)=> { + item.style.opacity= .8; + }) + }) + }) +</script> -- Gitblit v1.9.1