<script>
export default {
    onLaunch: function () {
        this.$store.dispatch("system/initConfig");
    },
    onShow: function () {},
    onHide: function () {},
};
</script>

<style lang="less">
.limit-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp-1 {
    -webkit-line-clamp: 1;
}
.clamp-2 {
    -webkit-line-clamp: 2;
}
.clamp-3 {
    -webkit-line-clamp: 3;
}
.clamp-4 {
    -webkit-line-clamp: 4;
}
.clamp-5 {
    -webkit-line-clamp: 5;
}
/* #ifdef H5 */
// 自定义tabBar大小
.uni-tabbar {
    .uni-tabbar__bd {
        height: @tabBarHeight !important;
        .uni-tabbar__icon {
            width: @tabBarIconWidth !important;
            height: @tabBarIconHeight !important;
        }
        .uni-tabbar__label {
            font-size: @tabBarFontSize !important;
        }
    }
}
/* #endif */
// 通用样式
.search-placeholder {
    color: #bebebe;
}
.order-placeholder {
    color: #909090;
}
.form-input-placeholder,
.address-placeholder {
    color: #c9c9c9;
}
// 点击表单
.form-widget-group {
    width: 100%;
    .widget-item:first-child {
        margin-top: 0;
    }
    .widget-item {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        margin-top: 2rpx;
        padding: 0 30rpx;
        box-sizing: border-box;
        .title {
            width: 100%;
            line-height: 100%;
            font-size: 30rpx;
            color: #2d2d2d;
            padding: 44rpx 65rpx;
            box-sizing: border-box;
        }
        .picker {
            z-index: 10;
            width: 100%;
        }
        .icon {
            position: absolute;
            top: 44rpx;
            left: 30rpx;
            color: #8194f2;
        }
        .more {
            position: absolute;
            right: 30rpx;
            top: 44rpx;
            color: #a7a7a7;
            font-size: 37rpx;
        }
        .iconfont.icon-dingwei {
            font-size: 44rpx;
            top: 38rpx;
        }
        .iconfont.icon-shijian {
            font-size: 40rpx;
            top: 38rpx;
        }
        .iconfont.icon-jinru {
            font-size: 37rpx;
        }
    }
}
// 输入表单
.form-container {
    width: 710rpx;
    background-color: #fff;
    margin: 20rpx auto 0 auto;
    .input-item,
    .textarea-item {
        width: 100%;
        box-sizing: border-box;
        .title-box {
            width: 150rpx;
            font-size: 30rpx;
            font-weight: bold;
            line-height: 30rpx;
            color: #2d2d2d;
        }
        .desc {
            font-size: 28rpx;
            color: #999999;
        }
    }
    .textarea-item {
        padding: 30rpx;
        .textarea-box {
            width: 100%;
            box-sizing: border-box;
            border: 2rpx solid #d8d8d8;
            margin-top: 30rpx;
        }
        .textarea {
            width: 100%;
            box-sizing: border-box;
            height: 170rpx;
            padding: 10rpx;
            font-size: 28rpx;
        }
    }
    .input-item {
        height: 105rpx;
        border-bottom: 2rpx solid #e8e7e7;
        display: flex;
        align-items: center;
        padding: 0 30rpx;
        line-height: 30rpx;
        // input
        .input-box {
            width: 500rpx;
            position: relative;
            padding: 25rpx 0;
        }
        .input {
            font-size: 28rpx;
        }
        // checkbox
        .checkbox {
            display: flex;
        }
        .checkbox-item {
            height: 50rpx;
            background: rgba(139, 155, 235, 0);
            box-sizing: border-box;
            border: 1px solid #c9c9c9;
            text-align: center;
            margin-right: 15rpx;
            font-size: 28rpx;
            color: #2d2d2d;
            padding: 0 32rpx;
            line-height: 48rpx;
        }
        .checkbox-item.active {
            border: 1px solid #8b9beb;
            background: rgba(139, 155, 235, 0.33);
            color: #8194f2;
        }
    }
    .upload-item {
        display: flex;
        flex-wrap: wrap;
        padding: 0 30rpx;
        .image-box {
            width: 133.2rpx;
            height: 133.2rpx;
            background: rgba(184, 180, 179, 0);
            box-sizing: border-box;
            margin: 0 25rpx 25rpx 0;
            border-radius: 25rpx;
            overflow: hidden;
            border: 1px solid #f7f7f7;
            .image {
                width: 100%;
                height: 100%;
            }
        }
        .image-box.upload {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            color: #999999;
            border-radius: 0;
            border: 1px solid #999999;
            .iconfont {
                font-size: 50rpx;
                line-height: 50rpx;
            }
            .text {
                font-size: 24rpx;
                margin-top: 18rpx;
                line-height: 24rpx;
            }
        }
    }
}
.save-form-btn {
    width: 100%;
    margin-top: 58rpx;
    .btn {
        width: 570rpx;
        height: 98rpx;
        background: #8b9beb;
        border-radius: 49rpx;
        margin: 0 auto;
        font-size: 36rpx;
        text-align: center;
        line-height: 98rpx;
        color: #ffffff;
    }
}
</style>
