收藏
回答

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

        <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引入这个网址之后不能正常进行位移

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

回答关注问题邀请回答
收藏

1 个回答

  • 社区技术运营专员--许涛
    社区技术运营专员--许涛
    07-15

    你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    07-15
    有用
    回复
登录 后发表内容