liujiaxin 1 tydzień temu
rodzic
commit
33b4247f11
2 zmienionych plików z 23 dodań i 2 usunięć
  1. 11 2
      pages/shopping/index.vue
  2. 12 0
      pages/user/index.vue

+ 11 - 2
pages/shopping/index.vue

@@ -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;
 	}
 	}
 
 

+ 12 - 0
pages/user/index.vue

@@ -1,6 +1,9 @@
 <template>
 <template>
 	<view>
 	<view>
 		<view class="top-cont">
 		<view class="top-cont">
+				<image class="bg" src="/static/home_top_bg.png" mode="aspectFill"></image>
+
+
 			<view class="top-inner">			
 			<view class="top-inner">			
 				<!-- 这里是状态栏 -->
 				<!-- 这里是状态栏 -->
 				<view class="status_bar" :style="{height: statusBarHeight}"></view>
 				<view class="status_bar" :style="{height: statusBarHeight}"></view>
@@ -335,6 +338,15 @@
 		// background-image: url(/static/personl_top_bg.png);
 		// background-image: url(/static/personl_top_bg.png);
 		background-repeat: repeat-x;
 		background-repeat: repeat-x;
 		background-size: 40upx 100%;
 		background-size: 40upx 100%;
+		z-index: 2;
+		.bg{
+width: 100%;
+height: 382upx;
+position: absolute;
+top: 0;
+left: 0;
+z-index: -1;
+		}
 		.top-inner{
 		.top-inner{
 			width: 100%;
 			width: 100%;
 			height: 100%;
 			height: 100%;