@@ -1,5 +1,7 @@
<template>
<view class="shopping-container">
+ <image class="bg" src="/static/home_top_bg.png" mode="aspectFill"></image>
+
<!-- 顶部渐变背景装饰 -->
<view class="top-bg-decoration"></view>
@@ -236,8 +238,16 @@
<style lang="scss" scoped>
.shopping-container {
min-height: 100vh;
- background-color: #F8F8F8;
position: relative;
+ z-index: 2;
+ .bg{
+width: 100%;
+height: 382upx;
+position: absolute;
+top: 0;
+left: 0;
+z-index: -1;
+ }
}
.top-bg-decoration {
@@ -246,7 +256,6 @@
left: 0;
width: 100%;
height: 400rpx;
- background: linear-gradient(180deg, #FFE4D6 0%, rgba(255, 255, 255, 0) 100%);
z-index: 0;
@@ -1,6 +1,9 @@
<view>
<view class="top-cont">
<view class="top-inner">
<!-- 这里是状态栏 -->
<view class="status_bar" :style="{height: statusBarHeight}"></view>
@@ -335,6 +338,15 @@
// background-image: url(/static/personl_top_bg.png);
background-repeat: repeat-x;
background-size: 40upx 100%;
.top-inner{
height: 100%;