样式调整

pages/activity/newGoods.vue

@@ -4,7 +4,8 @@
 		<view>
 			<u-navbar title="新品首发" :border-bottom="false" title-color="#333" :background="background"></u-navbar>
 		</view>
-		<view class="firGoods" :style="{backgroundImage:'url('+backgroundImg+')'}">
+		<view class="firGoods" >
+			<image :src="backgroundImg" ></image>
 		</view>
 		<view class="goodsList">
 			<view class="goodsItem" v-for="(item,index) in list" :key="index" @click="goDetails(item.goods_id)">
@@ -161,7 +162,7 @@
 	.newGoods {
 		width: 100%;
 		position: relative;
-
+        height: 100vh;
 		.bgImg {
 			width: 100%;
 			height: 100%;
@@ -174,12 +175,11 @@
 
 	.firGoods {
 		width: 100%;
-		height: 510rpx;
 		background-image: url('https://www.royaum.com.cn/static/newGoods/top.png');
 		background-repeat: no-repeat; /* 不重复平铺背景图片 */
 		background-position: center top; /* 居中显示背景图片 */
 		background-size: 100% auto; /* 拉伸并填充至元素内部 */
-
+        image{width:100%}
 		.topLine {
 			display: flex;
 			justify-content: center;
@@ -249,9 +249,10 @@
 	}
 
 	.goodsList {
-		width: 100%;
+		width: 100%;
-		padding: 26rpx 0 30rpx 26rpx;
+		padding: 26rpx 0 30rpx 26rpx;
-		background-image: url('https://www.royaum.com.cn/static/newGoods/bot.png');
+	    background-color: #ffcdd5;
+		//background-image: url('https://www.royaum.com.cn/static/newGoods/bot.png');
 		background-repeat: no-repeat;
 		background-size: 100% 100%;
 

pages/activity/presale.vue

@@ -1,8 +1,11 @@
 <template>
 	<view class="presale">
-		<view class="presale-hd">
+		<view class="presale-img">
-			<view class="rule" @click="openPage()">规则</view>
+					<image src="https://www.royaum.com.cn/static/news/yushou.png" ></image>
-		</view>
+				</view>
+			<!-- 	<view class="presale-hd">
+					<view class="rule" @click="openPage()"></view>
+				</view> -->
 		<view class="presale-bd">
 			<view class="tab">
 				<u-tabs :list="menuList" :is-scroll="true" :show-bar="false" active-color="#FFFFFF"
@@ -134,8 +137,10 @@
 
 <style lang="scss" scoped>
 	.presale {
-		background: #ff7b79 url(https://www.royaum.com.cn/static/news/newPresale-bg.png) center top no-repeat;
+		background-image: linear-gradient(#ffeaed,#f6f6f6);
-		background-size: 100% auto;
+		.presale-img image{width:100%}
+		// background: #ff7b79 url(https://www.royaum.com.cn/static/news/newPresale-bg.png) center top no-repeat;
+		// background-size: 100% auto;
 		overflow: hidden;
 		min-height: 100vh;