Vue.js 中通过动态style位移在微信小程序web-view中不生效的原因是什么？

Question

        <div class="section-image">
            <div class="carousel" style="border-radius: 10px 10px;height: 45vw;">
              <div ref="mobilecarousel__slide" class="carousel__slider">
                <div class="carousel__slides" :style="{ transform: `translateX(-${slideWidth * currentIndex1}px)` }">
                  <div v-for="(item, index) in carouselList[0].imgList" :key="index" class="carousel__slide" style="height: 45vw;">
                    <img :src="item.image" @click="goDetail(item.id)"/>
                    <div class="yinziMobile">{{ item.title }}</div>
                  </div>
                </div>
              </div>
              <div class="carousel__control carousel__control--prev" @click="prevSlide(0)"></div>
              <div class="carousel__control carousel__control--next" @click="nextSlide(0)"></div>
              <div class="carousel__indicators" style="position: absolute;left: 60px;bottom: 11vw;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);">
                <span v-for="(item, index) in carouselList[0].imgList" :key="index" :class="{ indicatorsActive: index === currentIndex1 }" class="carousel__indicator" @click="goToSlide(index)"></span>
              </div>
            </div>
          </div>

这段代码是写在vue中的，通过绑定动态的style来进行位移，在浏览器中可以正常位移，微信小程序通过web-view引入这个网址之后不能正常进行位移

是微信小程序不支持哪方面啊