From 35b546e2c3afb8cc790ee1bf7672e99012bf4077 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Sat, 01 Apr 2023 21:45:16 +0800
Subject: [PATCH] 首页及删除弹框调整
---
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