examples/main.js

@@ -5,8 +5,6 @@ import App from '../src/App.vue'
 //基于element组件封装，引入element组件库
 import { Input, Select, Option, OptionGroup, DatePicker, Tabs, TabPane, Pagination, Dialog, Button } from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
-import '../src/styles/element-variables.scss'//element 组件样式文件
-
 Vue.use(Input);
 Vue.use(Select);
 Vue.use(OptionGroup);

packages/agDatePicker/src/index.vue

@@ -128,8 +128,6 @@ export default {
         if (!Array.isArray(newVal)) {
           throw new Error("agDatePicker date请传入数组");
         }
-        console.log(newVal,'newVal');
-
         newVal.length > 0 &&
         newVal.some(
           (item) => item !== null && item !== undefined && item !== ""
@@ -167,9 +165,6 @@ export default {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
-  .el-range-editor.is-active:hover{
-    border: #8a1818;
-  }
   .el-input__icon.el-range__close-icon {
     position: absolute;
     font-size: 12px;

src/App.vue

@@ -1,27 +1,20 @@
 <template>
   <div>
-    <el-button type="success" @click="abb = true">点击打开 Dialog</el-button>
+    <!-- <el-button type="text" @click="abb = true">点击打开 Dialog</el-button> -->
-    <ag-dialog :visible.sync="abb"> </ag-dialog>
+    <agTabs ref="ref_Pedestal" v-model="value" size="mini" :options="options">
-    <ag-datePicker :value="values"> </ag-datePicker>
+      <!-- <span slot="footer">房价大降分类数据</span> -->
-    <ag-input :visible.sync="abb"> </ag-input>
+    </agTabs>
-    <ag-select :visible.sync="abb" :options="a_options" v-model="value">
+    <!-- <div class="div"><span>888</span></div> -->
-    </ag-select>
-
-    <div class="div"><span>888</span></div>
   </div>
 </template>
 
 <script>
-import agDialog from "../packages/agDialog/src/index.vue";
+import agTabs from "../packages/agDatePicker/src/index.vue";
-import agDatePicker from "../packages/agDatePicker/src/index.vue";
-import agInput from "../packages/agInput/src/index.vue";
-import agSelect from "../packages/agSelect/src/index.vue";
 export default {
-  components: { agDialog, agDatePicker, agInput, agSelect },
+  components: { agTabs },
   data() {
     return {
-      value: "",
+      value: [],
-      values: [],
       options: [
         {
           label: "热门城市",
@@ -129,7 +122,7 @@ export default {
       ],
       abb: false,
       innerVisible: false,
-      a_options: [
+      options: [
         {
           value: "选项1",
           label: "黄金糕",
@@ -174,4 +167,5 @@ body {
     width: 50px;
   }
 }
+
 </style>

src/styles/element-variables.scss

@@ -1,31 +0,0 @@
-/**
-* I think element-ui's default theme color is too light for long-term use.
-* So I modified the default color and you can modify it to your liking.
-**/
-
-/* theme color */
-$--color-primary: #1890ff;
-$--color-success: #13ce66;
-$--color-warning: #ffba00;
-$--color-danger: #ff4949;
-// $--color-info: #1E1E1E;
-
-$--button-font-weight: 400;
-
-// $--color-text-regular: #1f2d3d;
-
-$--border-color-light: #dfe4ed;
-$--border-color-lighter: #e6ebf5;
-
-$--table-border: 1px solid #dfe6ec;
-
-/* icon font path, required */
-$--font-path: "~element-ui/lib/theme-chalk/fonts";
-
-@import "~element-ui/packages/theme-chalk/src/index";
-
-// the :export directive is the magic sauce for webpack
-// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
-:export {
-  theme: $--color-primary;
-}