超级带感进入动画 uniapp 小程序

超级带感进入动画 uniapp 小程序

提示：大家可以进入微信群聊聊技术哦：

---

---

前言

话不多说了好吧，都2024了

---

一、代码准备启动？

示例

 <template>
	<view v-if="showTransition" :style="{ background: color }" class="carda"
				:class="{ active: transitionCompleted }">
				一起感受时代的更新
				
	</view>
	<!-- 动画执行完成显示的代码 -->
	<view v-else class="pages" :style="{ background: color }">	
        </view>
	
</template>

export default {
		data() {
			return {
				transitionCompleted: false,
				showTransition :true,
                                color:'linear-gradient(to top, #fff, #F9F871)',
                        }
                }
}

下面是css 

.carda {
			position: relative;
			width: 100%;
			height: