@@ -23,8 +23,6 @@
|
||||
mode="aspectFill"
|
||||
/>
|
||||
<view class="hero-image-shade"></view>
|
||||
<view class="hero-trace trace-a"></view>
|
||||
<view class="hero-trace trace-b"></view>
|
||||
<view class="hero-back" @tap.stop="handleBack">
|
||||
<text class="hero-back-icon">‹</text>
|
||||
</view>
|
||||
@@ -1142,52 +1140,6 @@ const handleBack = () => {
|
||||
linear-gradient(90deg, rgba(10, 16, 11, 0.46) 0%, rgba(10, 16, 11, 0.1) 48%, rgba(10, 16, 11, 0.36) 100%);
|
||||
}
|
||||
|
||||
.hero-trace {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
pointer-events: none;
|
||||
opacity: 0.42;
|
||||
mix-blend-mode: screen;
|
||||
}
|
||||
|
||||
.immersive-hero.has-real-image .hero-trace {
|
||||
opacity: 0.16;
|
||||
}
|
||||
|
||||
.trace-a {
|
||||
left: -18px;
|
||||
top: 96px;
|
||||
width: 330px;
|
||||
height: 300px;
|
||||
border-radius: 48% 52% 54% 46%;
|
||||
background:
|
||||
repeating-radial-gradient(ellipse at 88% 50%,
|
||||
transparent 0,
|
||||
transparent 14px,
|
||||
rgba(255, 24, 101, 0.95) 15px,
|
||||
rgba(255, 24, 101, 0.95) 17px,
|
||||
transparent 18px,
|
||||
transparent 28px);
|
||||
transform: rotate(-4deg);
|
||||
}
|
||||
|
||||
.trace-b {
|
||||
right: -58px;
|
||||
top: 118px;
|
||||
width: 260px;
|
||||
height: 270px;
|
||||
border-radius: 50%;
|
||||
background:
|
||||
repeating-radial-gradient(ellipse at 14% 48%,
|
||||
transparent 0,
|
||||
transparent 17px,
|
||||
rgba(255, 24, 101, 0.64) 18px,
|
||||
rgba(255, 24, 101, 0.64) 20px,
|
||||
transparent 21px,
|
||||
transparent 31px);
|
||||
transform: rotate(12deg);
|
||||
}
|
||||
|
||||
.hero-back {
|
||||
position: relative;
|
||||
z-index: 4;
|
||||
|
||||
Reference in New Issue
Block a user