xuqiang 4 лет назад
Родитель
Сommit
65dd4740ce

+ 40 - 13
src/main/pc-space/src/views/AssetDetail.vue

@@ -135,7 +135,7 @@
                         >
                             <img @click="Whisper" v-if="init2.opened" class="img" :src="init2.icon[2]" alt="" />
                             <img @click="Whisper" v-else class="img" :src="init2.icon[0]" alt="" />
-                            <div class="hoverTips" v-if="popoverStatus[init2.name]">
+                            <div class="hoverTips1" v-if="popoverStatus[init2.name]">
                                 <p>{{ init2.description }}</p>
                             </div>
                         </div>
@@ -892,12 +892,10 @@ export default {
                 width: 188px;
                 background: #fff;
                 border-radius: 4px;
-                top: 34px;
-                left: 0px;
+                top: 40px;
+                left: 30px;
                 .span {
                     font-size: 16px;
-                    font-family: PingFangSC-Regular, PingFang SC;
-                    font-weight: 400;
                     color: #000000;
                     line-height: 24px;
                     text-align: center;
@@ -906,19 +904,48 @@ export default {
                 p {
                     padding: 12px 16px;
                     font-size: 14px;
-                    font-family: PingFangSC-Regular, PingFang SC;
-                    font-weight: 400;
                     color: #939599;
                     line-height: 24px;
                 }
-                &::before {
-                    display: inline-block;
-                    width: 10px;
-                    height: 10px;
-                    border: 5px solid transparent;
-                    border-bottom-color: red;
+            }
+            .hoverTips::before {
+                width: 0;
+                height: 0;
+                border-left: 7px solid transparent;
+                border-right: 7px solid transparent;
+                border-bottom: 10px solid #fff;
+                content: '';
+                display: block;
+                position: absolute;
+                left: 12px; //给小三角定位,更具实际需求调整
+                top: -10px; //给小三角定位,更具实际需求调整
+            }
+            .hoverTips1 {
+                position: absolute;
+                width: 188px;
+                background: #fff;
+                border-radius: 4px;
+                top: 40px;
+                left: -4px;
+                p {
+                    padding: 12px 16px;
+                    font-size: 14px;
+                    color: #939599;
+                    line-height: 24px;
                 }
             }
+            .hoverTips1::before {
+                width: 0;
+                height: 0;
+                border-left: 7px solid transparent;
+                border-right: 7px solid transparent;
+                border-bottom: 10px solid #fff;
+                content: '';
+                display: block;
+                position: absolute;
+                left: 12px; //给小三角定位,更具实际需求调整
+                top: -10px; //给小三角定位,更具实际需求调整
+            }
         }
         .works {
             display: flex;

+ 40 - 19
src/main/pc-space/src/views/CollectionDetail.vue

@@ -123,7 +123,7 @@
                         >
                             <img v-if="init2.opened" class="img" :src="init2.icon[2]" alt="" />
                             <img v-else class="img" :src="init2.icon[0]" alt="" />
-                            <div class="hoverTips" v-if="popoverStatus[init2.name]">
+                            <div class="hoverTips1" v-if="popoverStatus[init2.name]">
                                 <p>{{ init2.description }}</p>
                             </div>
                         </div>
@@ -669,18 +669,15 @@ export default {
                     cursor: pointer;
                 }
             }
-
             .hoverTips {
                 position: absolute;
                 width: 188px;
                 background: #fff;
                 border-radius: 4px;
-                top: 34px;
-                left: 0px;
+                top: 40px;
+                left: 30px;
                 .span {
                     font-size: 16px;
-                    font-family: PingFangSC-Regular, PingFang SC;
-                    font-weight: 400;
                     color: #000000;
                     line-height: 24px;
                     text-align: center;
@@ -689,24 +686,48 @@ export default {
                 p {
                     padding: 12px 16px;
                     font-size: 14px;
-                    font-family: PingFangSC-Regular, PingFang SC;
-                    font-weight: 400;
                     color: #939599;
                     line-height: 24px;
                 }
-                &::before {
-                    width: 0;
-                    height: 0;
-                    border-right: 5px solid transparent;
-                    border-left: 5px solid transparent;
-                    border-top: 5px solid #515151;
-                    // display: inline-block;
-                    // width: 10px;
-                    // height: 10px;
-                    // border: 5px solid transparent;
-                    border-bottom-color: red;
+            }
+            .hoverTips::before {
+                width: 0;
+                height: 0;
+                border-left: 7px solid transparent;
+                border-right: 7px solid transparent;
+                border-bottom: 10px solid #fff;
+                content: '';
+                display: block;
+                position: absolute;
+                left: 12px; //给小三角定位,更具实际需求调整
+                top: -10px; //给小三角定位,更具实际需求调整
+            }
+            .hoverTips1 {
+                position: absolute;
+                width: 188px;
+                background: #fff;
+                border-radius: 4px;
+                top: 40px;
+                left: -4px;
+                p {
+                    padding: 12px 16px;
+                    font-size: 14px;
+                    color: #939599;
+                    line-height: 24px;
                 }
             }
+            .hoverTips1::before {
+                width: 0;
+                height: 0;
+                border-left: 7px solid transparent;
+                border-right: 7px solid transparent;
+                border-bottom: 10px solid #fff;
+                content: '';
+                display: block;
+                position: absolute;
+                left: 12px; //给小三角定位,更具实际需求调整
+                top: -10px; //给小三角定位,更具实际需求调整
+            }
         }
         .card {
             height: 112px;

+ 12 - 12
src/main/pc-space/src/views/Submit.vue

@@ -272,18 +272,18 @@ export default {
         },
         payWatch() {
             //监控支付状态
-            if (this.status != 'PROCESSING') {
-                this.payTimeout = setInterval(() => {
-                    this.$http.get('/order/get/' + this.id).then(res => {
-                        console.log(res);
-                        if (res.status === 'PROCESSING') {
-                            clearInterval(this.payTimeout);
-                            // this.status = res.status;
-                            this.show = false;
-                        }
-                    });
-                }, 1000);
-            }
+            // if (this.status != 'PROCESSING') {
+            this.payTimeout = setInterval(() => {
+                this.$http.get('/order/get/' + this.id).then(res => {
+                    console.log(res);
+                    if (res.status === 'PROCESSING') {
+                        clearInterval(this.payTimeout);
+                        // this.status = res.status;
+                        this.show = false;
+                    }
+                });
+            }, 1000);
+            // }
         },
         submit() {
             // console.log(this.$baseUrl);