|
|
@@ -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;
|