地址组件增加加载状态

Tevin

2020-12-01 9b2f52f8e276d6a80a19c2d487163e34273ec03a

地址组件增加加载状态

 forms/chinaArea/CChinaArea.vue

@@ -23,7 +23,7 @@
                    :placeholder="placeholder"
                    :value="selected"
                >
                    <view class="at-icon at-icon-chevron-right" />
                    <AtIcon :value="loading ? 'loading':'chevron-right'" />
                </AtInput>
            </view>
        </picker>
@@ -31,7 +31,7 @@
</template>

<script>
import { AtInput } from 'taro-ui-vue';
import { AtInput, AtIcon } from 'taro-ui-vue';
import ChinaLocations from './ChinaLocations';
import './cChinaArea.scss';

@@ -41,8 +41,13 @@
    name: 'CChinaArea',
    components: {
        AtInput,
        AtIcon,
    },
    props: {
        loading: {
            type: Boolean,
            default: false,
        },
        placeholder: String,
        itemData: Object,
    },

 forms/chinaArea/cChinaArea.scss

@@ -15,9 +15,14 @@
        &::after {
            display: none;
        }
        .at-icon-loading,
        .at-icon-chevron-right {
            font-size: 1.024rem;
            color: #ccc;
        }
        .at-icon-loading {
            margin-right: 0.2rem;
            animation: atRotate 1s linear infinite;
        }
    }
}