调整代码格式

Tevin

2024-05-16 1c3a51dcc38d4e97d2aaafa46e0a69f287568332

调整代码格式

 plugins/filter/CFilter.vue

@@ -1,8 +1,17 @@
/** * CFilter - 页面筛选 * @author Tevin */
/**
 * CFilter - 页面筛选
 * @author Tevin
 */

<template>
    <view class="c-filter" ref="filter">
        <view class="c-filter-bar" v-if="bar">
    <view
        class="c-filter"
        ref="filter"
    >
        <view
            class="c-filter-bar"
            v-if="bar"
        >
            <CFilterSelect
                v-if="bar.type === 'select'"
                type="bar"
@@ -41,8 +50,15 @@
            :show="drawerShow"
            :onClose="evt => handleFinish()"
        >
            <scroll-view class="c-filter-drawer-list" :scrollY="true">
                <view class="box" v-for="(item, index) in items" :key="index">
            <scroll-view
                class="c-filter-drawer-list"
                :scrollY="true"
            >
                <view
                    class="box"
                    v-for="(item, index) in items"
                    :key="index"
                >
                    <CFilterSelect
                        v-if="item.type === 'select'"
                        type="item"
@@ -76,12 +92,16 @@
                </view>
            </scroll-view>
            <view class="c-filter-drawer-btn">
                <AtButton type="primary" :circle="false" :onClick="evt => handleClean()"
                    >重置</AtButton
                >
                <AtButton type="primary" :circle="false" :onClick="evt => handleFinish()"
                    >完成</AtButton
                >
                <AtButton
                    type="primary"
                    :circle="false"
                    :onClick="evt => handleClean()"
                >重置</AtButton>
                <AtButton
                    type="primary"
                    :circle="false"
                    :onClick="evt => handleFinish()"
                >完成</AtButton>
            </view>
        </CDrawer>
    </view>

 plugins/filter/cFilter.scss

@@ -12,7 +12,7 @@
    font-size: 36px;
    color: #666;
    background-color: #fff;
    border-top: 1px solid #eee;
    border-top: 1PX solid #eee;
    box-sizing: border-box;
    .c-filter-bar {
        float: left;
@@ -23,13 +23,6 @@
        &:active {
            background-color: #f2f2f2;
        }
        .c-filter-input {
            display: flex;
            align-items: center;
            .at-input {
                margin-left: 14px;
            }
        }
    }
    .c-filter-more {
        float: right;
@@ -37,7 +30,7 @@
        height: 100%;
        box-sizing: border-box;
        text-align: center;
        border-left: 1px solid #d6e4ef;
        border-left: 1PX solid #d6e4ef;
        transition: background-color 0.3s;
        &:active {
            background-color: #f2f2f2;
@@ -62,12 +55,12 @@
    .c-filter-drawer {
        .c-filter-drawer-list {
            height: calc(100% - 90px);
            border-top: 1px solid #eee;
            border-top: 1PX solid #eee;
            box-sizing: border-box;
            .box {
                min-height: 20px;
                padding: 30px 0 10px 30px;
                border-bottom: 1px solid #eee;
                border-bottom: 1PX solid #eee;
                &:active {
                    background-color: #f2f2f2;
                }
@@ -93,4 +86,4 @@
            }
        }
    }
}
}

 plugins/filter/cFilterInput.scss

@@ -22,4 +22,11 @@
            line-height: 90px;
        }
    }
    &.type-bar {
        display: flex;
        align-items: center;
        .at-input {
            margin-left: 14px;
        }
    }
}