美文网首页
【vue-element-admin 学习笔记05】svg-ic

【vue-element-admin 学习笔记05】svg-ic

作者: 滕的世界 | 来源:发表于2018-12-16 20:11 被阅读19次

    svg-icon 布局相关知识点

    1.clipboard

    // vue
    <div ... @click="handleClipboard(generateIconTips(item), $event)" />
    
    // script
    import clipboard from '@/utils/clipboard'
    handleClipboard(tips, event) {
          clipboard(tips, event)
        }
    

    2.el-tooltip和slot

    tooltip的插槽

     <el-tooltip placement="top">
          <div slot="content">
                {{ generateIconTips(item) }}
              </div>
              ...
            </el-tooltip>
    

    3.全局warn-content样式

    一些常用样式要放到全局,方便所有界面使用

    4.scss的样式使用

    <style rel="stylesheet/scss" lang="scss" scoped></style>
    

    相关文章

      网友评论

          本文标题:【vue-element-admin 学习笔记05】svg-ic

          本文链接:https://www.haomeiwen.com/subject/csbxkqtx.html