积分首页 banner优化

pages/point/index.vue

@@ -25,7 +25,9 @@
         </nuxt-link>
       </div>
       <nuxt-link class="news" to="/point/shop" tag="div">
-        <img src="../../static/test/new.png" alt="" />
+        <!-- <img src="../../static/test/new.png" alt="" /> -->
+        <span class="title">积分商城上线啦！</span>
+        <span class="des">多重好礼等着你</span>
       </nuxt-link>
       <div class="show">
         <product-list />
@@ -129,7 +131,6 @@ export default {
   position: absolute;
   top: 1.5vw;
   right: 2vw;
-  width: 10.4vw;
   height: 4.93vw;
   font-size: 3.46vw;
   font-family: PingFangSC-Regular, PingFang SC;
@@ -187,9 +188,28 @@ export default {
   margin-top: 4vw;
   width: 100%;
   height: 21.33vw;
+  background: url("../../static/point/banner.png") no-repeat;
+  background-size: 100% 100%;
+  position: relative;
 }
 .point-index .container .news img {
   width: 100%;
   height: 100%;
 }
+.point-index .container .news .title{
+  font-size:.4rem;
+  color:#f9f9e5;
+  font-weight:700;
+  position: absolute;
+  left:.75rem;
+  top:.38rem;
+}
+.point-index .container .news .des{
+  font-size:.24rem;
+  color:#f9d996;
+  font-weight:600;
+  position: absolute;
+  left:2.2rem;
+  top:.9rem;
+}
 </style>