完善对话

wujingjing

2024-08-09 f1c54fca586a4d30e046b2a7ce4a18e02c3fe17e

 miniprogram/pages/question/question.scss

@@ -66,3 +66,41 @@
    }
  }
}



$tip-positon-left:20%;
$tip-border-width:20px;
$tip-border-color:transparent;
$tip-bg-color:#ccdcf5;
$tip-middle-color:#ebf3fe;
.robot-tip{
  position: relative;
  width: fit-content;
  // height: 260rpx;
  height: fit-content;
  background: linear-gradient(90deg, $tip-bg-color 0%, $tip-bg-color 25%,$tip-middle-color 55%,$tip-bg-color 100%);
  border: 4px solid $tip-border-color;
  border-radius: 10px;
  &::after{
    content: "";
    position: absolute;
    top: 100%; 
    left: $tip-positon-left;
    transform: translateX(-50%);
    border:$tip-border-width solid transparent;
    border-top: $tip-border-width solid $tip-border-color;
  }

  &::before{
    content: "";
    position: absolute;
    top: 100%; 
    left: $tip-positon-left;
    transform: translateX(-50%);
    border: $tip-border-width solid transparent;
    border-top:$tip-border-width solid $tip-bg-color;
    z-index: 1;
  }

}