# eboss html 代码块

eboss 系统常见html代码块

TIP

eboss系统其实是我们目前主要的系统,其他部分的构建代码也是可以使用,比如 eposteget

EBOSS辅助构建系统 (opens new window)

# 命令列表

命令 描述 类型/语言 提示 备注
erow2 eboss-row-2个col html / html - -
erow3 eboss-row-3个col html / html - -
esearch eboss 重置搜索 html / html - -
ebtntable eboss表格顶部按钮 html / html - -
etable eboss封装的表格组件,非常nice!没毛病 html / html - -
etabeslot eboss 表格slot html / html - -
esubmit eboss取消和保存 html / html - -

# erow2

命令描述:eboss-row-2个col

快捷命令:erow2

<div class="eboss-row">
  <div class="eboss-col col-flex">
    <label class="form-label"></label>
    <div class="form-control">
    </div>
  </div>
  <div class="eboss-col col-flex">
    <label class="form-label"></label>
    <div class="form-control">
    </div>
  </div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12

# erow3

命令描述:eboss-row-3个col

快捷命令:erow3

<div class="eboss-row">
  <div class="eboss-col col-flex">
    <label class="form-label"></label>
    <div class="form-control">
    </div>
  </div>
  <div class="eboss-col col-flex">
    <label class="form-label"></label>
    <div class="form-control">
    </div>
  </div>
  <div class="eboss-col col-flex">
    <label class="form-label"></label>
    <div class="form-control">
    </div>
  </div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

# esearch

命令描述:eboss 重置搜索

快捷命令:esearch

<div class="eboss-inquire-button text-center">
  <el-button size="small"  @click="resetSearch" >重置</el-button>
  <el-button size="small" type="primary" :loading="searchLoading"  @click="loadData" >查询</el-button>
</div>
1
2
3
4

# ebtntable

命令描述:eboss表格顶部按钮

快捷命令:ebtntable

<div class="eboss-feature-btn">
  <div class="feature-left">
    <el-button  size="small" type="primary" >left - btns</el-button >
  </div>
  <div class="feature-right">
    <el-button  size="small" type="primary" >right - btns</el-button >
  </div>
</div>
1
2
3
4
5
6
7
8

# etable

命令描述:eboss封装的表格组件,非常nice!没毛病

快捷命令:etable

<section>
  <eb-table
    size="medium"
    :columns="columns"
    :data="dataList"
    :total="totalCount"
    :pageSize="pageSize"
    :current-page="pageIndex"
    empty-text="暂无查询结果"
    @size-change="handleSizeChange"
    @currentChange="handleCurrentChange"
    :showPagination="true">
    <!-- 注释:test - slot - scope -->
    <template #test="scope" >{{scope.row}}</template>
    <!-- 注释:test - 操作 - scope - 一般包含 删除 编辑等 -->
    <template #options="scope" >
      <el-button size="small" type="primary" >操作按钮{{scope.row}}</el-button>
    </template>
  </eb-table>
</section>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

# etabeslot

命令描述:eboss 表格slot

快捷命令:etabeslot

<template #test="scope" >{{scope.row}}</template>
1

# esubmit

命令描述:eboss取消和保存

快捷命令:esubmit

<div class="eboss-inquire-button text-center">
  <el-button size="small"  @click="cancelHandler" >取消</el-button>
  <el-button size="small" type="primary" :loading="saveLoading"  @click="saveHandler" >保存</el-button>
</div>
1
2
3
4
上次更新: 12/11/2020, 5:34:52 PM