Tenho este codigo de slide que fiz as imagens aparecem bem formatadas no apps mas o carousel nao esta funcionando

.carousel-item img{ width: 100% !important; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 0px !important; } .carousel-item{ border-radius: 15px !important; }.carousel-item, img{ border-radius: 15px !important; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
  <div class="col-6">
  
    <div id="carousel-0" class="carousel slide" data-ride="carousel">
         
         
          <div class="carousel-inner" role="listbox">
  
            <div class="carousel-item active">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=421" alt="slide">
            </div>
            

            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=432" alt="slide">
            </div>
            
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=443" alt="slide">
            </div>
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=443" alt="slide">
            </div>

          </div><!-- e carousel-inner -->
          
         
          
    </div><!-- e carousel -->
  
  </div><!-- e col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 -->
  
  <div class="col-6 mb-2">
  
    <div id="carousel-1" class="carousel slide" data-ride="carousel">
         
     
         
          <div class="carousel-inner" role="listbox">
  
            <div class="carousel-item active">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=424" alt="slide">
            </div>
            
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=435" alt="slide">
            </div>
            
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=446" alt="slide">
            </div>

          </div><!-- e carousel-inner -->
         
          
    </div><!-- e carousel -->
  
  </div><!-- e col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 -->
  
  <div class="col-6 mb-2">
  
    <div id="carousel-2" class="carousel slide" data-ride="carousel">

         
          <div class="carousel-inner" role="listbox">
  
            <div class="carousel-item active">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=427" alt="slide">
            </div>
            
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=100" alt="slide">
            </div>
            
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=449" alt="slide">
            </div>

          </div><!-- e carousel-inner -->
          
      
          
    </div><!-- e carousel -->
  
  </div><!-- e col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3-->
  
  <div class="col-6 mb-2">
  
    <div id="carousel-3" class="carousel slide" data-ride="carousel">
         
 
         
          <div class="carousel-inner" role="listbox">
  
            <div class="carousel-item active">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=424" alt="slide">
            </div>
            
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=233" alt="slide">
            </div>
            
            <div class="carousel-item">
              <img class="d-block img-fluid" src="https://picsum.photos/400/300/?image=448" alt="slide">
            </div>

          </div><!-- e carousel-inner -->
          
        
          
    </div><!-- e carousel -->
  
  </div><!-- e col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 -->
</div><!-- e row -->

@felipeds isso funcionaria no aplicativo?

1 Curtida

Já tentou incorporar o js do slider ?

Deu certo eu fiz um teste e o slide carousel rodou.
eu consegui inserindo uma página da web que incorpora o JS slider, não sei se essa solução atende suas necessidades, mas através da inserção de uma aba página da web é possível rodar o evento JS.
Dá uma plhada nesta versão teste https://app.vc/fingershop

Sim só que o slide dentro da fabrica não funciona

Sim de isso eu sei. mas eu quero usar ele dentro da Lista no editor da lista me parece que nem todas propriedades do css ele roda, e nem js