|
@@ -1,5 +1,7 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view class="shopping-container">
|
|
<view class="shopping-container">
|
|
|
|
|
+ <image class="bg" src="/static/home_top_bg.png" mode="aspectFill"></image>
|
|
|
|
|
+
|
|
|
<!-- 顶部渐变背景装饰 -->
|
|
<!-- 顶部渐变背景装饰 -->
|
|
|
<view class="top-bg-decoration"></view>
|
|
<view class="top-bg-decoration"></view>
|
|
|
|
|
|
|
@@ -236,8 +238,16 @@
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
.shopping-container {
|
|
.shopping-container {
|
|
|
min-height: 100vh;
|
|
min-height: 100vh;
|
|
|
- background-color: #F8F8F8;
|
|
|
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
+ z-index: 2;
|
|
|
|
|
+ .bg{
|
|
|
|
|
+width: 100%;
|
|
|
|
|
+height: 382upx;
|
|
|
|
|
+position: absolute;
|
|
|
|
|
+top: 0;
|
|
|
|
|
+left: 0;
|
|
|
|
|
+z-index: -1;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.top-bg-decoration {
|
|
.top-bg-decoration {
|
|
@@ -246,7 +256,6 @@
|
|
|
left: 0;
|
|
left: 0;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 400rpx;
|
|
height: 400rpx;
|
|
|
- background: linear-gradient(180deg, #FFE4D6 0%, rgba(255, 255, 255, 0) 100%);
|
|
|
|
|
z-index: 0;
|
|
z-index: 0;
|
|
|
}
|
|
}
|
|
|
|
|
|