stml 中写transition没有效果？

junjun-tan

.lanyun-collapse__item__body {
    background: #0d0e11;
    height: 0px;


    transition-property: height;
    transition-duration: 3s;
    -moz-transition-duration: 3s; /* Firefox 4 */
    -webkit-transition-duration: 3s; /* Safari 和 Chrome */
    box-sizing: content-box;

    padding:0  20px;
}
.lanyun-collapse__item__body--active {
        /* transition: height ease 14s;
    -webkit-transition: height  ease 14s; */

    height: 600px;


}

全职开发❾⓿❸❻❹❻❺❺❼

transition 是支持的

全职开发❾⓿❸❻❹❻❺❺❼

文档：https://docs.apicloud.com/apiclo ... ex=3&subIndex=0

junjun-tan

微链科技 发表于 2021-8-10 13:08
transition 是支持的

安卓上没有效果

技术咨询-F

junjun-tan 发表于 2021-8-10 13:33
安卓上没有效果

安卓暂不支持

山谷回音

技术咨询-F · 2021-8-10 17:19安卓暂不支持

原来坑在这。。

技术咨询-F

山谷回音 · 2023-3-9 18:24原来坑在这。。

很早已经支持了。

<template>
        <view class="page">
                <view>
                        <view class="view1" style={`width: ${viewW}`} @click="clickMe()"></view>
                </view>

        </view>
</template>
<style>
.page {
        width: 100%;
        height: 100%;
}

.view1 {
        height: 100px;
        background: pink;
        transition-property: width;
        transition-duration: 5s;
        transition-delay: 2s;
}

</style>
<script>
export default {
        name: 'test',
        installed() {


        },
        data() {
                return {
                        viewW: '200px'
                }
        },
        methods: {
                clickMe() {
                        this.viewW = '300px'
                }
        }
}
</script>