Iconfont icon use-vue

for reference only:

Button background color:

<button type="button" class="btn"  style="background-color: #7ED321;width: 76px;height: 36px;color: #FFFFFF">
                删除
            </button>

Similar articles:

Other used articles

use:

<i class="iconfont icon-shuaxin"></i>

<el-input v-model="loginForm.password" prefix-icon="iconfont icon-mima" type="password" show-password></el-input>

split line------------------------------------------------ -------------------------------------------------- ------------------------------

1. Enter the official website: https://www.iconfont.cn/search/index?searchType=icon&q=%E8%AE%BE%E7%BD%AE

2. Find the icon to add a shopping cart:

 

use:

Code:

      <!-- 表单区域 -->
      <el-form ref="loginFormRef" :rules="loginRules" :model="loginForm" class="login_form" Label-width="0">
        <el-form-item prop="username">
          <el-input v-model="loginForm.username"  prefix-icon="iconfont icon-denglu"></el-input>
        </el-form-item>
        <el-form-item prop="password">
           <el-input v-model="loginForm.password" prefix-icon="iconfont icon-mima" type="password" show-password></el-input>
        </el-form-item>
        <el-form-item class="btns">
            <el-button type="primary" @click="login">登录</el-button>
            <el-button type="info" @click="resetLoginForm()">重置</el-button>
        </el-form-item>
      </el-form>

effect: