@@ -23,8 +23,6 @@
|
|||||||
mode="aspectFill"
|
mode="aspectFill"
|
||||||
/>
|
/>
|
||||||
<view class="hero-image-shade"></view>
|
<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">
|
<view class="hero-back" @tap.stop="handleBack">
|
||||||
<text class="hero-back-icon">‹</text>
|
<text class="hero-back-icon">‹</text>
|
||||||
</view>
|
</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%);
|
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 {
|
.hero-back {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 4;
|
z-index: 4;
|
||||||
|
|||||||
Reference in New Issue
Block a user