自定义element ui的表单的label添加图标与提示文字

目标样式:

  <el-row>
          <el-col :span="10">
            <el-form-item prop="deductible">
              <template slot="label">
                免赔额:
                <el-tooltip
                  style="diaplay: inline"
                  effect="light"
                  placement="top"
                >
                  <div slot="content" style="width: 300px">
                    有免赔额和⽆免赔额之间的差别是什么？假设卖家的产品因为质量问题对消费者产⽣伤害被投诉需赔偿⽆免赔⽅案中，保司必须全额赔付，但有免赔额⽅案中，则1万美⾦以内，需要卖家⾃⾏承担。⽬前有/⽆免赔额⽅案均能审核通过。
                  </div>
                  <i class="el-icon-question" />
                </el-tooltip>
              </template>
              <el-radio-group v-model="ruleForm.quote.deductible">
                <el-radio label="否">0免赔额</el-radio>
                <el-radio label="是">有免赔额</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col></el-row
        >