elementui tooltip文字提示的使用

最新推荐文章于 2024-08-04 22:46:30 发布

温柔晨光

最新推荐文章于 2024-08-04 22:46:30 发布

阅读量471

点赞数

分类专栏： element ui 文章标签： elementui

本文链接：https://blog.csdn.net/moonla3/article/details/121977020

版权

element ui 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

 <el-row class="el-row" type="flex" justify="space-around">
        <el-col :span="22" class="chigubili">
          <el-form-item label="股权结构:" prop="shareholdingStructure">
            <el-input
              v-model="ruleForm.shareholdingStructure"
              type="textarea"
              :autosize="{ minRows: 3 }"
              placeholder="请输入"
              maxlength="500"
              show-word-limit
            />
          </el-form-item>
          <el-tooltip
            class="question-circle-fill"
            effect="dark"
            content="所有股权人名称和持股比例"
            placement="top"
          >
            <div class="img-question-wrap">
              <i class="el-icon-question"></i>
            </div>
          </el-tooltip>
        </el-col>
      </el-row>


 .chigubili {
    position: relative;
    .img-question-wrap {
      position: absolute;
      top: 0;
      right: -20px;
      width: 18px;
      height: 18px;
      color: #c7c7c7;
      font-size: 18px;
    }
  }