样式优化

zhongshujie

20 小时以前 c2b7142602445280382b1c1eeefa12601b4801ba

 src/components/form/form.vue

@@ -1,38 +1,16 @@
<template >
<template>
  <div>
    <el-form
      size="mini"
      :inline="true"
      style="padding: 0px 10px;
      "
      :model="from"
      class="row demo-form-inline col-xs-12"
    >
    <el-form size="mini" :inline="true" style="padding: 0px 10px;
      " :model="from" class="row demo-form-inline col-xs-12">
      <el-row :gutter="10">
        <el-form-item
          style="width: 33%"
          v-for="(item, i) in from.from"
          :key="i"
          :label="item.label"
        >
          <el-input
            v-if="item.type === 'input'"
            v-model="item.value"
            :placeholder="item.label"
          ></el-input>
        <el-form-item style="width: 33%" v-for="(item, i) in from.from" :key="i" :label="item.label">
          <el-input v-if="item.type === 'input'" v-model="item.value" :placeholder="item.label"></el-input>
        </el-form-item>
        <!-- 其他表单项省略 -->
        <!-- <el-form-item style="display:block; "> -->
        <div class="flex flex-center Formbtn">
          <el-button
           
            size="mini"
            @click="handleSubmit"
            >搜索</el-button
          >
          <el-button  size="mini" @click="handleReset"
            >重置</el-button
          >
          <el-button size="mini" @click="handleSubmit">搜索</el-button>
          <el-button size="mini" @click="handleReset">重置</el-button>
        </div>
        <!-- </el-form-item> -->
      </el-row>
@@ -42,7 +20,7 @@
<script>
export default {
  props: ["from"],
  mounted(){
  mounted() {
  },
  methods: {
    handleSubmit() {
@@ -80,4 +58,11 @@
::v-deep .el-form-item__content div {
  width: 100%;
}

::v-deep.el-form--inline .el-form-item__label {
  font-family: Source Han Sans;
  font-size: 14px;
  font-weight: bold;
  color: #2C2C2C;
}
</style>