bike页面更改2

app/pages/sharedSolutions/bike.vue

@@ -32,21 +32,7 @@ onMounted(() => {
     $('.index-solut ul li').on('click', function () {
       $(this).addClass('index-solut-li').siblings().removeClass('index-solut-li');
       $('.solut-detail ul').eq($(this).index()).show().siblings().hide();
-      if ($(this).index() == 0) {
+
-        $('#triangle-up').css({
-          'left': '45%'
-        });
-      }
-      if ($(this).index() == 1) {
-        $('#triangle-up').css({
-          'left': '49.5%'
-        });
-      }
-      if ($(this).index() == 2) {
-        $('#triangle-up').css({
-          'left': '54.5%'
-        });
-      }
     });
 
 
@@ -154,7 +140,7 @@ function initBanner() {
         <li>后台</li>
         <li>智能锁</li>
       </ul>
-      <div id="triangle-up"/>
+
     </div>
     <!--  -->
     <div class="solut-detail">

public/cssBike/index.css

@@ -128,6 +128,11 @@
     margin: 0 65px;
 }
 
+.solut-detail ul li p {
+
+    margin: 15px 0;
+}
+
 .solut-detail-ul1 {
     width: 1048px;
 }
@@ -929,17 +934,14 @@
         width: 28%;
     }
 
-    /* 应用场景响应式 */
+    /*!* 应用场景响应式 *!*/
-    .use-scene ul {
+    /*.use-scene ul {*/
-        width: 90%;
+    /*    width: 100%;*/
-    }
+    /*}*/
-
+    /*.use-scene ul li {*/
-    .use-scene ul li {
+    /*    margin: 0 1%;*/
-        width: 48%;
+    /*    height: 420px;*/
-        margin: 0 1%;
+    /*}*/
-        height: 420px;
-    }
-
     /* 锁页面响应式 */
     .page-conter {
         width: 95%;
@@ -1059,7 +1061,9 @@
     }
 
     .use-scene ul {
-        width: 92%;
+        height: 1550px;
+        width: 100%;
+        margin: 0 auto;
     }
 
     .use-scene ul li {