下拉选择框，允许插入额外按钮

Tevin

2021-11-14 70a71c5adb35d9c2b06669319b802ae18606c388

下拉选择框，允许插入额外按钮

 forms/input/CInputScanCode.scss

@@ -24,4 +24,9 @@
    .at-input__icon {
        display: none;
    }
    .at-input__children {
        &::after {
            display: none;
        }
    }
}

 forms/select/CSelect.vue

@@ -5,8 +5,13 @@

<template>
    <view class="c-select">
        <picker
        <!-- 下拉选择模式 -->
        <view
            v-if="!selectByPage"
            class="c-select-slot-mode"
        >
            <picker
                class="c-select-input"
            mode="selector"
            :range="options"
            :value="current"
@@ -26,6 +31,11 @@
                <view class="at-icon at-icon-chevron-right" />
            </AtInput>
        </picker>
            <view class="c-select-slot">
                <slot />
            </view>
        </view>
        <!-- 跳转页面模式 -->
        <view
            v-else-if="selectByPage.length > 5"
            @tap="evt => onGoToSelectorPage()"

 forms/select/cSelect.scss

@@ -30,4 +30,29 @@
            pointer-events: none;
        }
    }
    .c-select-slot-mode {
        @include flexbox(flex, left center);
        .c-select-input {
            width: 100%;
        }
        .c-select-slot {
            position: relative;
            height: 90px;
            @include flexbox(flex, center center);
            &::after {
                position: absolute;
                top: -50%;
                left: -50%;
                right: -50%;
                bottom: -50%;
                border: 0 solid #d6e4ef;
                border-bottom-width: 1PX;
                box-sizing: border-box;
                transform-origin: center;
                transform: scale(0.5);
                content: "";
                pointer-events: none;
            }
        }
    }
}