简化兑换成功页面

pages/point/success.vue

@@ -1,19 +1,10 @@
 <template>
   <div class="point-success">
-    <div class="background">
-      <span class="icon"></span>
-      <span class="text">兑换成功</span>
-    </div>
-    <div class="container">
-      <div class="menu">
-        <nuxt-link class="text1" to="/point" tag="span">回到首页</nuxt-link>
-        <nuxt-link class="text2" to="/point/list" tag="span"
-          >查看订单</nuxt-link
-        >
-      </div>
-      <div class="show">
-        <product-list />
-      </div>
+    <div class="icon"></div>
+    <div class="text">兑换成功</div>
+    <div class="menu">
+      <nuxt-link class="text1" to="/point" tag="span">回到首页</nuxt-link>
+      <nuxt-link class="text2" to="/point/list" tag="span">查看订单</nuxt-link>
     </div>
   </div>
 </template>
@@ -71,51 +62,36 @@ export default {
 
 <style>
 .point-success {
+  width: 100vw;
+  height: 100vh;
   position: relative;
 }
-.point-success .background {
-  background-color: #f3b335;
-  width: 100%;
-  height: 3.8rem;
-  position: relative;
-  background: url("../../static/point/bj2@2x.png") no-repeat 0px 0px;
-  background-size: 100% 100%;
-  z-index: -1;
-  position: relative;
-}
-.point-success .background .icon {
-  display: inline-block;
-  width: 0.48rem;
-  height: 0.48rem;
-  background: url("../../static/point/1_e10_cg@2x.png");
+.point-success .icon {
+  background: url("~static/personal/cg@2x.png") no-repeat 0px 0px;
   background-size: 100% 100%;
+  width: 1.81rem;
+  height: 1.81rem;
   position: absolute;
-  top: 1.13rem;
-  left: 2.41rem;
+  left: 2.85rem;
+  top: 1.6rem;
 }
-.point-success .background .text {
-  width: 2rem;
-  height: 0.7rem;
-  font-size: 0.5rem;
+
+.point-success .text {
+  width: 1.6rem;
+  height: 0.56rem;
+  font-size: 0.4rem;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
-  color: #ffffff;
-  line-height: 0.7rem;
+  color: #111111;
+  line-height: 0.56rem;
+  text-align: center;
   position: absolute;
-  top: 1rem;
-  left: 3.09rem;
-}
-.point-success .container {
-  margin-top: -13.33vw;
-  width: 100%;
-  padding: 0 4vw;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  z-index: 99;
+  top: 3.71rem;
+  left: 2.95rem;
 }
-.point-success .container .menu {
-  width: 100%;
+
+.point-success .menu {
+  width: 80vw;
   height: 1.1rem;
   background: #ffffff;
   box-shadow: 0rem 0.02rem 0.1rem 0rem rgba(0, 0, 0, 0.1);
@@ -124,8 +100,11 @@ export default {
   flex-direction: row;
   justify-content: space-around;
   align-items: center;
+  position: absolute;
+  top: 50vh;
+  left: 10vw;
 }
-.point-success .container .menu span {
+.point-success .menu span {
   height: 0.45rem;
   font-size: 0.32rem;
   font-family: PingFangSC-Regular, PingFang SC;