CSS返回上一层扩展按钮效果

<template>
	<!-- 定义一个视图容器，其中包含一个隐藏的复选框（未在代码中体现）作为开关以及一组动态交互的锁图标动画 -->
	<view class="box">
		<!-- 定义一个按钮元素，内部嵌套SVG图标 -->
		<button class="button">
			<!-- SVG图标定义，这里是一个解锁形状的图标 -->
			<svg class="svgIcon" viewBox="0 0 384 512">
				<path
					d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z">
				</path>
			</svg>
		</button>
	</view>
</template>
 
<script>
	export default {
		// 定义组件的数据对象，当前没有初始化任何数据属性
		data() {
			return {
				// 在此处可以声明并初始化组件内的状态数据
				// 示例：
				// checked: false // 假设