排行榜修改

pages/charts/index.vue

@@ -1,10 +1,9 @@
 <template>
 	<view class="newGoods">
 		<view>
-			<u-navbar title="排行榜" :background="background"></u-navbar>
+			<u-navbar title="排行榜" back-icon-color="#fff" :border-bottom="false" title-color="#fff" :background="background"></u-navbar>
 		</view>
 		<view class="main">
-			<!-- <image src="/static/rank/charts.png" mode="" class="bgImg"></image> -->
 			<view class="head">
 				<view class="ranking">
 					-好物排行榜-
@@ -50,13 +49,13 @@
 </template>
 
 <script>
-	import img from "@/static/rank/hbg.png"
+	import img from "@/static/rank/top.png"
 	export default {
 		data() {
 			return {
 				background: {
-					background: 'url(' + img + ') center -44px no-repeat',
-					backgroundSize: '100%'
+					background: 'url(' + img + ') center top no-repeat',
+					backgroundSize: '100% auto',
 				},
 				chosed: 0,
 				menuList: [{
@@ -85,14 +84,12 @@
 <style lang="scss" scoped>
 	.newGoods {
 		width: 100%;
-		padding-bottom: 30rpx;
 		position: relative;
 		min-height: 100vh;
 	}
 
 	.main {
 		width: 100%;
-		height: 1996rpx;
 		position: relative;
 
 		.bgImg {
@@ -168,7 +165,7 @@
 	}
 
 	.hb {
-		background-color: #333;
+		background-image: url('../../static/rank/mainbg.png');
 		width: 100%;
 		display: flex;
 		justify-content: center;