shoot-miniprograms/src/App.vue

<script setup>
import { onLaunch } from "@dcloudio/uni-app";

onLaunch(() => {});
</script>

<style>
page {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  line-height: 1;
  outline: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; /* 添加这行，去除点击高亮 */
}

button::after {
  border: none;
}

/* 修改点击态样式 */
button:active {
  border: none;
  background: none !important; /* 添加 !important 确保覆盖默认样式 */
  opacity: 1 !important; /* 防止透明度变化 */
}

/* 去除按钮的默认边框和点击效果 */
button[plain] {
  border: none;
  background: none !important;
}

/* 去除点击态的所有效果 */
button:hover,
button.hover {
  background: none !important;
}

.guide-tips {
  display: flex;
  flex-direction: column;
}
.guide-tips > text:first-child {
  color: #fed847;
}

@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.scale-in {
  animation: scaleIn 0.3s ease-out forwards;
  transform-origin: center center;
}

@keyframes scaleOut {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0);
    opacity: 0;
  }
}

.scale-out {
  animation: scaleOut 0.3s ease-out forwards;
  transform-origin: center center;
}
</style>