From 83c41fcacfb07b7bddffb01510867d6c0b502f8e Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Sun, 02 Apr 2023 10:07:44 +0800
Subject: [PATCH] Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/srs-police-affairs
---
src/components/select/index.vue | 24 +++++++-----------------
1 files changed, 7 insertions(+), 17 deletions(-)
diff --git a/src/components/select/index.vue b/src/components/select/index.vue
index 0f8d8d5..67f1355 100644
--- a/src/components/select/index.vue
+++ b/src/components/select/index.vue
@@ -1,26 +1,16 @@
<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">
<!-- 下拉框 -->
- <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>
@@ -126,12 +116,12 @@
//当下拉框数量超过4个时 使用固定高度
.issel {
- height: 140px !important;
+ max-height: 140px !important;
}
.select-options {
width: 100%;
- height: 140px;
+ max-height: 140px;
overflow: auto;
border: 1px solid rgba(20, 50, 123, 1); //下拉框边框颜色
border-top: none;
--
Gitblit v1.9.3