Browse Source

按钮点击动画修改

tanxue 1 month ago
parent
commit
a7c8612610

+ 5 - 5
common/styles/global/components.scss

@@ -50,16 +50,16 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 
 // active
 // 按钮缩小动画
-.ezy-btn-active{transition: 0.3s;}
+// .ezy-btn-active{transition: 0.3s;}
 .ezy-btn-active:active{transform:scale(0.92);}
 
 // 列表item 元素向下
-.ezy-list-item-active{transition: 0.3s;}
-.ezy-list-item-active:active {transform: translateY(12rpx);opacity: 0.8;}
+// .ezy-list-item-active{transition: 0.3s;}
+.ezy-list-item-active:active {transform: translateY(6rpx);opacity: 0.8;}
 
 // tab页 点击放大
-.ezy-tab-item-active{transition: 0.3s;}
-.ezy-tab-item-active:active {transform: scale(1.08);}
+// .ezy-tab-item-active{transition: 0.3s;}
+.ezy-tab-item-active:active {transform: scale(1.05);}
 
 /***** 富文本处理  *****/
 @mixin ezy-rich-text() {

+ 2 - 2
common/styles/global/pages.scss

@@ -2097,7 +2097,7 @@
 		.xx-item-title{text-align: center;margin: 32rpx 0;font-size: 32rpx;color: #444;}
 		.item-dy-box{
 			display: flex;align-items: center;justify-content: center;
-			color: #fff;transition: 0.3s;margin-bottom: 24rpx;
+			color: #fff;margin-bottom: 24rpx;
 			.dy-left-box{
 				width: 174rpx;height: 127rpx;@include ezy-no-repeat-cover;font-size: 64rpx;
 				display: flex;align-items: center;box-sizing: border-box;padding:0 24rpx;
@@ -2108,7 +2108,7 @@
 				background-image: url("@/static/images/xuexi/xx-ml-jt.png");display: block;
 			}
 			.dy-right-box{
-				width: 518rpx;height: 127rpx;@include ezy-no-repeat-cover;transition: 0.3s;
+				width: 518rpx;height: 127rpx;@include ezy-no-repeat-cover;
 				display: flex;align-items: flex-start;flex-direction: column;justify-content: center;
 				box-sizing: border-box;padding:0 24rpx;font-size: 28rpx;
 				background-image: url("@/static/images/xuexi/xx-ml-right.png");

+ 3 - 3
components/ezyActive/ezyActive.vue

@@ -18,9 +18,9 @@ const props = defineProps({
 const emits = defineEmits(['aclick'])
 
 function handleClick() {
-	setTimeout(() => {
-		emits('aclick')
-	}, props.delay); // 使用props.delay作为延迟时间
+			emits('aclick')
+	/* setTimeout(() => {
+	}, props.delay); // 使用props.delay作为延迟时间 */
 }
 </script>