shuishen
2023-02-11 d5933ac4e05a8d4a9951ad1d920fd6258c4f0169
格式化方案更换
3 files modified
35 ■■■■■ changed files
src/components/public/public.vue 4 ●●● patch | view | raw | blame | history
src/components/select/index.vue 21 ●●●● patch | view | raw | blame | history
src/styles/element-ui/element-ui.scss 10 ●●●●● patch | view | raw | blame | history
src/components/public/public.vue
@@ -1,4 +1,6 @@
<template></template>
<template>
    <div></div>
</template>
<script>
export default {
src/components/select/index.vue
@@ -1,17 +1,26 @@
<template>
    <div class="selects-container">
        <!-- 选择框 -->
        <div :class="{ 'selects-box-show': !optionsShow, 'selects-box-hide': optionsShow, 'select-choosable': selectAllClass }"
            class="selects-box" @click="selectClick">
        <div
            :class="{ 'selects-box-show': !optionsShow, 'selects-box-hide': optionsShow, 'select-choosable': selectAllClass }"
            class="selects-box"
            @click="selectClick"
        >
            <div class="text" v-text="checkValue"></div>
            <i class="el-icon-arrow-down"></i>
        </div>
        <!-- 下拉框大盒子 -->
        <div :class="{ 'options-box-show': !optionsShow, 'options-box-hide': optionsShow, issel: options.length >= 4 }"
            class="select-options" :style="{ height: 35 * options.length + 'px' }">
        <div
            :class="{ 'options-box-show': !optionsShow, 'options-box-hide': optionsShow, issel: options.length >= 4 }"
            class="select-options"
            :style="{ height: 35 * options.length + 'px' }"
        >
            <!-- 下拉框 -->
            <div @click="cutValue(item, index)" v-for="(item, index) in options" :key="index">{{ item[optionsName] }}
            </div>
            <div
                @click="cutValue(item, index)"
                v-for="(item, index) in options"
                :key="index"
            >{{ item[optionsName] }}</div>
        </div>
    </div>
</template>
src/styles/element-ui/element-ui.scss
@@ -70,6 +70,7 @@
    .el-table thead tr th {
        padding: 6px 0;
    }
    .el-table__header-wrapper {
        height: 36px;
    }
@@ -143,7 +144,7 @@
}
.el-select-dropdown__item:hover {
    background-color: rgba(45,92,200, 0.95)!important;
    background-color: rgba(45, 92, 200, 0.95) !important;
}
.el-select-dropdown__item:onBlur {
@@ -294,9 +295,10 @@
.el-month-table td .cell {
    color: #fff;
}
.el-picker-panel__content{
.el-picker-panel__content {
    margin: 0;
    width: 100%!important;
    width: 100% !important;
}
/* 时间筛选 */
@@ -450,6 +452,6 @@
    background: transparent;
}
.el-tree-node:focus>.el-tree-node__content{
.el-tree-node:focus>.el-tree-node__content {
    background-color: #5daaf0;
}