refactor: 项目架构清理 — 删除调试页面/冗余store/H5降级代码/无用文件
This commit is contained in:
@@ -0,0 +1,44 @@
|
||||
<!-- 通用毛玻璃卡片 -->
|
||||
<script setup lang="ts">
|
||||
</script>
|
||||
<template>
|
||||
<view class="mc-glass" :class="customClass">
|
||||
<!-- 左上高光切面 -->
|
||||
<view class="mc-glass-cut" />
|
||||
<!-- 内容层 -->
|
||||
<view class="mc-glass-body" @click.stop>
|
||||
<slot />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<style scoped>
|
||||
.mc-glass {
|
||||
position: relative;
|
||||
background-color: rgba(255, 255, 255, 0.10);
|
||||
backdrop-filter: blur(24rpx) saturate(1.4);
|
||||
-webkit-backdrop-filter: blur(24rpx) saturate(1.4);
|
||||
border-width: 1rpx;
|
||||
border-style: solid;
|
||||
border-color: rgba(255, 255, 255, 0.10);
|
||||
border-radius: 24rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.mc-glass-cut {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
background-image: linear-gradient(160deg, rgba(255,255,255,0.08) 0%, transparent 40%, transparent 70%, rgba(255,255,255,0.04) 100%);
|
||||
}
|
||||
.mc-glass-body {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
/* hover 增强 */
|
||||
.mc-glass-hover .mc-glass {
|
||||
background-color: rgba(255, 255, 255, 0.14) !important;
|
||||
box-shadow: 0 16rpx 48rpx rgba(0, 0, 0, 0.35) !important;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user