效果图：

html: 

      <div class="rules-tooltip flex-center">
                <el-tooltip class="item" effect="dark" placement="bottom-start">
                  <div slot="content" v-html="tipsContent"></div>
                  <span>助力规则</span>
                </el-tooltip>
              </div>

js：

return{
      tipsContent:
        "1、每位好友只可助力1次，重复助力无效。<br/>2、邀请好友助力，需好友手机号登录。<br/>3、最终解释权归“陀螺活动”所有。",
}