update

xuxueyang

2024-10-08 4ba9c0c27c162c1858b11c3d621f52063a420ecd

update

 App.vue

@@ -1308,419 +1308,3 @@
    }

</style>

<style lang="scss">

.component-tab-container{
    display: flex;
    width: fit-content;
    margin:0 auto;
    .tab-item{
        display: flex;
        text-align: center;
        border-radius: 8rpx;
        border: 2rpx solid var(--topicolor);
        background: #fff;
        color: var(--topicolor);
        width: 212rpx;
        line-height: 64rpx;
        font-weight: 600;
        font-size: 28rpx;
        display: block;
    }
    .tab-item.cur{
        background: var(--topicolor);
        // border-radius: 0rpx 8rpx 8rpx 0rpx;
        color: #fff;
    }
    .tab-item:first-child{
        border-top-right-radius: 0rpx;
        border-bottom-right-radius: 0rpx;
    }
    .tab-item:last-child{
        border-top-left-radius: 0rpx;
        border-bottom-left-radius: 0rpx;
    }
}
.component-button-upload{
    width: 96rpx;
    height: 96rpx;
    border-radius: 4rpx;
    border: 2rpx dashed #CECECE;
    position: relative;
    background-image: 100% 100%;
    &::after{
        content: "+";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        // width: 22rpx;
        // height: 22rpx;
        font-size: 24rpx;
        color: #696969;
    }
}
.component-price-old{
    text-decoration: line-through;
    color: #9a9da2 !important;
    font-size: 22rpx !important;
}
.component-price-new{
    position: relative;
    .tip{
        font-size: 22rpx;
        display: inline-block;
        margin-right: 10rpx;
    }
    .p{
        font-size: 40rpx;
        font-weight: 600;
    }
    .component-price-old{
        position: absolute;
        // left: 0rpx;
        top: 40rpx;
        right: 0rpx;
        color: #9a9da2 !important;
    }
}
.component-line-vert{
    width: 2rpx;
    background-color: #EEEEEE;
}
.component-popup_input.white{
    background: #fff;
	
}
.component-bg{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100;
    height: 100%;
    z-index: -1;
    background-size: 100% 100%;
}
.component-popup_input_all{
    margin: 0 auto;
    margin-top: 160rpx;
    height: calc(100vh - 300rpx);
    overflow-y: scroll;
    background-color: #fff;
    border-radius: 40rpx 40rpx 0rpx 0rpx;
    padding: 26rpx;
    position: relative;
    .button-space{
        // border: 2rpx solid #EEEEEE;
        min-height: 160rpx;
    }
    .value-items{
		

        .value-item{
            min-width: 152rpx;
            width: fit-content;
            text-align: center;
            height: 58rpx;
            background: #F1F5F2;
            border-radius: 36rpx;
            margin-bottom: 18rpx;
            font-weight: 400;
            font-size: 28rpx;
            line-height: 58rpx;
            padding: 8rpx 24rpx;
            color: #33a868;
            margin-left: 6rpx;
            margin-right: 6rpx;
            border: 2rpx solid #F1F5F2;
        }
        .value-item.cur{
            background: #E1F0E7;
            border-radius: 36rpx;
            border: 2rpx solid #20613D;
            color: #20613D;
			
        }
    }

    .button-green{
        border-top: 2rpx solid #EEEEEE;
        position: fixed;
        bottom: 80rpx;
        left: 26rpx;
        right: 26rpx;
        height: 78rpx;
        background: #20613D;
        border-radius: 40rpx;
        font-weight: 600;
        font-size: 32rpx;
        color: #FFFFFF;
        line-height: 78rpx;
    }
    .button-green.button-white{
        background: #F1F5F2;
        font-weight: 400;
        font-size: 32rpx;
        color: #20613D;
        line-height: 78rpx;
    }
}
.component-button-contact{
    background: none;
    border: none;  
    box-sizing: 0px; 
    outline: none; 
    border-inline: none;
    // margin-top: 0px;
    display: flex;
    margin-left: 0rpx;
    margin-right: auto;
    font-size: 30rpx;
    flex: 1;
    padding-left: 0rpx;
    padding-right: 0rpx;
    line-height: 40rpx;
}
.component-buttons{
    display: flex;
    margin-left: auto;
    width: fit-content;
	
    .button {
        // width: 216rpx;
        padding: 10rpx 20rpx;
        line-height: 34rpx;
        font-size: 24rpx;
        height: 34rpx;
        background: #20613D;
        text-align: center;
        border-radius: 30rpx;
        min-width: 80rpx;
	
    }
	
    .button-1 {
        padding: 10rpx 20rpx;
        line-height: 34rpx;
        font-size: 24rpx;
        height: 34rpx;
        background: #20613D;
        text-align: center;
        border-radius: 30rpx;
        min-width: 80rpx;
        background: #fff;
        color: #333;
        border: 2rpx solid #333;
	
    }
	
    .button-0 {
        padding: 10rpx 20rpx;
        line-height: 34rpx;
        font-size: 24rpx;
        height: 34rpx;
        background: #20613D;
        text-align: center;
        border-radius: 30rpx;
        min-width: 80rpx;
        color: #fff;
        border: 2rpx solid #20613D;
    }
}
.component-button-contact::after{
    display: none !important;
}
.component-stock-zero::after{
    position: absolute;
    line-height: 100%;
    // font-size: ;
    left: -2rpx;
    right: -2rpx;
    top: -2rpx;
    bottom: -2rpx;
    font-size: 600;
    content: '已售罄';
    color: #fff;
    text-align: center;
    padding-top: calc(50% - 20rpx);
    background-color: #52525275;
}
.component-stock-zero{
    position: relative;
}
.component-status-zero{
    position: relative;
	
}
.component-status-zero::after{
    position: absolute;
    line-height: 100%;
    // font-size: ;
    left: -2rpx;
    right: -2rpx;
    top: -2rpx;
    bottom: -2rpx;
    font-size: 600;
    content: '已下架';
    color: #fff;
    text-align: center;
    padding-top: calc(50% - 20rpx);
    background-color: #52525275;
}
.component-status-zero{
    position: relative;
}
.component-popup_input{
    margin: 0 auto;
    margin-top: 160rpx;

    // margin-left: 78rpx - 26rpx;
    width: 594rpx;
	
    background: linear-gradient(180deg, #D8F0EE 0%, #FFFFFF 100%);
    border-radius: 16rpx;
    padding: 26rpx;
    position: relative;
    .title{
        font-weight: 400;
        font-size: 28rpx;
        color: #333333;
        line-height: 42rpx;
        text-align: center;
        margin-bottom: 32rpx;
    }
    .uni-easyinput{
        width: auto !important;
    }
    .icon{
        z-index: -1;
        position: absolute;
        width: 266rpx;
        height: 146rpx;
        top: -134rpx;
        left: 50%;
        transform: translateX(-50%);
    }
    .close-parent{
        margin-bottom: 34rpx;
    }
    .button-green{
        margin-top: 50rpx;
    }
}


.component-filter-container {
    display: flex;

    .flex1 {

        text-align: center;
        font-weight: 400;
        font-size: 24rpx;
        color: #000000;
        line-height: 34rpx;

    }

}

.component-shop-item {

    margin-top: 20rpx;

    background: #FFFFFF;

    border-radius: 8rpx;

    padding: 10rpx;



    .info-container {

        position: relative;



        .other-info {

            margin-top: 6rpx;

            font-size: 24rpx;

            color: #666666;

            line-height: 34rpx;

            text-align: left;

        }



        .shop-name {

            margin-top: 14rpx;

            font-size: 24rpx;

            color: #666666;

            line-height: 34rpx;

        }



        .bottom-buttons {

            // width: 400rpx;

            position: absolute;

            bottom: 0rpx;



            left: 0;

            right: 0;



            .icons {

                margin-left: auto;

                margin-right: 0rpx;

                margin-top: -10rpx;



                .curnums {

                    line-height: 60rpx;
                    padding-left: 20rpx;
                    padding-right: 20rpx;

                }

            }

        }



        .title {

            font-weight: 600;

            font-size: 32rpx;

            color: #000000;

            line-height: 44rpx;

            margin-top: 8rpx;

            position: relative;



            .price {

                position: absolute;

                font-weight: 400;

                font-size: 28rpx;

                color: #CF0000;

                line-height: 40rpx;

                top: 0;

                right: 0;

            }

        }



    }



    .img {

        width: 206rpx;

        height: 206rpx;

        border-radius: 8rpx;

        position: relative;



        .level {

            position: absolute;

            width: 66rpx;

            height: 44rpx;

            background: #20613D;

            left: 0;

            top: 0;

            border-top-left-radius: 8rpx;

            border-bottom-right-radius: 8rpx;

            color: #FFFFFF;

            line-height: 44rpx;

            font-size: 24rpx;

            text-align: center;

        }



    }





}



.u-steps-item{
    /deep/ .u-text__value{
        font-size: 28rpx !important;
    }
}
	
</style>

 common/global.scss

@@ -4,415 +4,415 @@

// @import '@/node_modules/uview-ui/theme.scss';    

// .component-tab-container{
//     display: flex;
//     width: fit-content;
//     margin:0 auto;
//     .tab-item{
//         display: flex;
//         text-align: center;
//         border-radius: 8rpx;
//         border: 2rpx solid var(--topicolor);
//         background: #fff;
//         color: var(--topicolor);
//         width: 212rpx;
//         line-height: 64rpx;
//         font-weight: 600;
//         font-size: 28rpx;
//         display: block;
//     }
//     .tab-item.cur{
//         background: var(--topicolor);
//         // border-radius: 0rpx 8rpx 8rpx 0rpx;
//         color: #fff;
//     }
//     .tab-item:first-child{
//         border-top-right-radius: 0rpx;
//         border-bottom-right-radius: 0rpx;
//     }
//     .tab-item:last-child{
//         border-top-left-radius: 0rpx;
//         border-bottom-left-radius: 0rpx;
//     }
// }
// .component-button-upload{
//     width: 96rpx;
//     height: 96rpx;
//     border-radius: 4rpx;
//     border: 2rpx dashed #CECECE;
//     position: relative;
//     background-image: 100% 100%;
//     &::after{
//         content: "+";
//         position: absolute;
//         left: 50%;
//         top: 50%;
//         transform: translate(-50%,-50%);
//         // width: 22rpx;
//         // height: 22rpx;
//         font-size: 24rpx;
//         color: #696969;
//     }
// }
// .component-price-old{
//     text-decoration: line-through;
//     color: #9a9da2 !important;
//     font-size: 22rpx !important;
// }
// .component-price-new{
//     position: relative;
//     .tip{
//         font-size: 22rpx;
//         display: inline-block;
//         margin-right: 10rpx;
//     }
//     .p{
//         font-size: 40rpx;
//         font-weight: 600;
//     }
//     .component-price-old{
//         position: absolute;
//         // left: 0rpx;
//         top: 40rpx;
//         right: 0rpx;
//         color: #9a9da2 !important;
//     }
// }
// .component-line-vert{
//     width: 2rpx;
//     background-color: #EEEEEE;
// }
// .component-popup_input.white{
//     background: #fff;
.component-tab-container{
    display: flex;
    width: fit-content;
    margin:0 auto;
    .tab-item{
        display: flex;
        text-align: center;
        border-radius: 8rpx;
        border: 2rpx solid var(--topicolor);
        background: #fff;
        color: var(--topicolor);
        width: 212rpx;
        line-height: 64rpx;
        font-weight: 600;
        font-size: 28rpx;
        display: block;
    }
    .tab-item.cur{
        background: var(--topicolor);
        // border-radius: 0rpx 8rpx 8rpx 0rpx;
        color: #fff;
    }
    .tab-item:first-child{
        border-top-right-radius: 0rpx;
        border-bottom-right-radius: 0rpx;
    }
    .tab-item:last-child{
        border-top-left-radius: 0rpx;
        border-bottom-left-radius: 0rpx;
    }
}
.component-button-upload{
    width: 96rpx;
    height: 96rpx;
    border-radius: 4rpx;
    border: 2rpx dashed #CECECE;
    position: relative;
    background-image: 100% 100%;
    &::after{
        content: "+";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        // width: 22rpx;
        // height: 22rpx;
        font-size: 24rpx;
        color: #696969;
    }
}
.component-price-old{
    text-decoration: line-through;
    color: #9a9da2 !important;
    font-size: 22rpx !important;
}
.component-price-new{
    position: relative;
    .tip{
        font-size: 22rpx;
        display: inline-block;
        margin-right: 10rpx;
    }
    .p{
        font-size: 40rpx;
        font-weight: 600;
    }
    .component-price-old{
        position: absolute;
        // left: 0rpx;
        top: 40rpx;
        right: 0rpx;
        color: #9a9da2 !important;
    }
}
.component-line-vert{
    width: 2rpx;
    background-color: #EEEEEE;
}
.component-popup_input.white{
    background: #fff;
    
// }
// .component-bg{
//     position: absolute;
//     left: 0;
//     right: 0;
//     bottom: 0;
//     top: 0;
//     width: 100%;
//     height: 100;
//     height: 100%;
//     z-index: -1;
//     background-size: 100% 100%;
// }
// .component-popup_input_all{
//     margin: 0 auto;
//     margin-top: 160rpx;
//     height: calc(100vh - 300rpx);
//     overflow-y: scroll;
//     background-color: #fff;
//     border-radius: 40rpx 40rpx 0rpx 0rpx;
//     padding: 26rpx;
//     position: relative;
//     .button-space{
//         // border: 2rpx solid #EEEEEE;
//         min-height: 160rpx;
//     }
//     .value-items{
}
.component-bg{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100;
    height: 100%;
    z-index: -1;
    background-size: 100% 100%;
}
.component-popup_input_all{
    margin: 0 auto;
    margin-top: 160rpx;
    height: calc(100vh - 300rpx);
    overflow-y: scroll;
    background-color: #fff;
    border-radius: 40rpx 40rpx 0rpx 0rpx;
    padding: 26rpx;
    position: relative;
    .button-space{
        // border: 2rpx solid #EEEEEE;
        min-height: 160rpx;
    }
    .value-items{
        

//         .value-item{
//             min-width: 152rpx;
//             width: fit-content;
//             text-align: center;
//             height: 58rpx;
//             background: #F1F5F2;
//             border-radius: 36rpx;
//             margin-bottom: 18rpx;
//             font-weight: 400;
//             font-size: 28rpx;
//             line-height: 58rpx;
//             padding: 8rpx 24rpx;
//             color: #33a868;
//             margin-left: 6rpx;
//             margin-right: 6rpx;
//             border: 2rpx solid #F1F5F2;
//         }
//         .value-item.cur{
//             background: #E1F0E7;
//             border-radius: 36rpx;
//             border: 2rpx solid #20613D;
//             color: #20613D;
        .value-item{
            min-width: 152rpx;
            width: fit-content;
            text-align: center;
            height: 58rpx;
            background: #F1F5F2;
            border-radius: 36rpx;
            margin-bottom: 18rpx;
            font-weight: 400;
            font-size: 28rpx;
            line-height: 58rpx;
            padding: 8rpx 24rpx;
            color: #33a868;
            margin-left: 6rpx;
            margin-right: 6rpx;
            border: 2rpx solid #F1F5F2;
        }
        .value-item.cur{
            background: #E1F0E7;
            border-radius: 36rpx;
            border: 2rpx solid #20613D;
            color: #20613D;
            
//         }
//     }
        }
    }

//     .button-green{
//         border-top: 2rpx solid #EEEEEE;
//         position: fixed;
//         bottom: 80rpx;
//         left: 26rpx;
//         right: 26rpx;
//         height: 78rpx;
//         background: #20613D;
//         border-radius: 40rpx;
//         font-weight: 600;
//         font-size: 32rpx;
//         color: #FFFFFF;
//         line-height: 78rpx;
//     }
//     .button-green.button-white{
//         background: #F1F5F2;
//         font-weight: 400;
//         font-size: 32rpx;
//         color: #20613D;
//         line-height: 78rpx;
//     }
// }
// .component-button-contact{
//     background: none;
//     border: none;  
//     box-sizing: 0px; 
//     outline: none; 
//     border-inline: none;
//     // margin-top: 0px;
//     display: flex;
//     margin-left: 0rpx;
//     margin-right: auto;
//     font-size: 30rpx;
//     flex: 1;
//     padding-left: 0rpx;
//     padding-right: 0rpx;
//     line-height: 40rpx;
// }
// .component-buttons{
//     display: flex;
//     margin-left: auto;
//     width: fit-content;
    .button-green{
        border-top: 2rpx solid #EEEEEE;
        position: fixed;
        bottom: 80rpx;
        left: 26rpx;
        right: 26rpx;
        height: 78rpx;
        background: #20613D;
        border-radius: 40rpx;
        font-weight: 600;
        font-size: 32rpx;
        color: #FFFFFF;
        line-height: 78rpx;
    }
    .button-green.button-white{
        background: #F1F5F2;
        font-weight: 400;
        font-size: 32rpx;
        color: #20613D;
        line-height: 78rpx;
    }
}
.component-button-contact{
    background: none;
    border: none;  
    box-sizing: 0px; 
    outline: none; 
    border-inline: none;
    // margin-top: 0px;
    display: flex;
    margin-left: 0rpx;
    margin-right: auto;
    font-size: 30rpx;
    flex: 1;
    padding-left: 0rpx;
    padding-right: 0rpx;
    line-height: 40rpx;
}
.component-buttons{
    display: flex;
    margin-left: auto;
    width: fit-content;
    
//     .button {
//         // width: 216rpx;
//         padding: 10rpx 20rpx;
//         line-height: 34rpx;
//         font-size: 24rpx;
//         height: 34rpx;
//         background: #20613D;
//         text-align: center;
//         border-radius: 30rpx;
//         min-width: 80rpx;
    .button {
        // width: 216rpx;
        padding: 10rpx 20rpx;
        line-height: 34rpx;
        font-size: 24rpx;
        height: 34rpx;
        background: #20613D;
        text-align: center;
        border-radius: 30rpx;
        min-width: 80rpx;
    
//     }
    }
    
//     .button-1 {
//         padding: 10rpx 20rpx;
//         line-height: 34rpx;
//         font-size: 24rpx;
//         height: 34rpx;
//         background: #20613D;
//         text-align: center;
//         border-radius: 30rpx;
//         min-width: 80rpx;
//         background: #fff;
//         color: #333;
//         border: 2rpx solid #333;
    .button-1 {
        padding: 10rpx 20rpx;
        line-height: 34rpx;
        font-size: 24rpx;
        height: 34rpx;
        background: #20613D;
        text-align: center;
        border-radius: 30rpx;
        min-width: 80rpx;
        background: #fff;
        color: #333;
        border: 2rpx solid #333;
    
//     }
    }
    
//     .button-0 {
//         padding: 10rpx 20rpx;
//         line-height: 34rpx;
//         font-size: 24rpx;
//         height: 34rpx;
//         background: #20613D;
//         text-align: center;
//         border-radius: 30rpx;
//         min-width: 80rpx;
//         color: #fff;
//         border: 2rpx solid #20613D;
//     }
// }
// .component-button-contact::after{
//     display: none !important;
// }
// .component-stock-zero::after{
//     position: absolute;
//     line-height: 100%;
//     // font-size: ;
//     left: -2rpx;
//     right: -2rpx;
//     top: -2rpx;
//     bottom: -2rpx;
//     font-size: 600;
//     content: '已售罄';
//     color: #fff;
//     text-align: center;
//     padding-top: calc(50% - 20rpx);
//     background-color: #52525275;
// }
// .component-stock-zero{
//     position: relative;
// }
// .component-status-zero{
//     position: relative;
    .button-0 {
        padding: 10rpx 20rpx;
        line-height: 34rpx;
        font-size: 24rpx;
        height: 34rpx;
        background: #20613D;
        text-align: center;
        border-radius: 30rpx;
        min-width: 80rpx;
        color: #fff;
        border: 2rpx solid #20613D;
    }
}
.component-button-contact::after{
    display: none !important;
}
.component-stock-zero::after{
    position: absolute;
    line-height: 100%;
    // font-size: ;
    left: -2rpx;
    right: -2rpx;
    top: -2rpx;
    bottom: -2rpx;
    font-size: 600;
    content: '已售罄';
    color: #fff;
    text-align: center;
    padding-top: calc(50% - 20rpx);
    background-color: #52525275;
}
.component-stock-zero{
    position: relative;
}
.component-status-zero{
    position: relative;
    
// }
// .component-status-zero::after{
//     position: absolute;
//     line-height: 100%;
//     // font-size: ;
//     left: -2rpx;
//     right: -2rpx;
//     top: -2rpx;
//     bottom: -2rpx;
//     font-size: 600;
//     content: '已下架';
//     color: #fff;
//     text-align: center;
//     padding-top: calc(50% - 20rpx);
//     background-color: #52525275;
// }
// .component-status-zero{
//     position: relative;
// }
// .component-popup_input{
//     margin: 0 auto;
//     margin-top: 160rpx;
}
.component-status-zero::after{
    position: absolute;
    line-height: 100%;
    // font-size: ;
    left: -2rpx;
    right: -2rpx;
    top: -2rpx;
    bottom: -2rpx;
    font-size: 600;
    content: '已下架';
    color: #fff;
    text-align: center;
    padding-top: calc(50% - 20rpx);
    background-color: #52525275;
}
.component-status-zero{
    position: relative;
}
.component-popup_input{
    margin: 0 auto;
    margin-top: 160rpx;

//     // margin-left: 78rpx - 26rpx;
//     width: 594rpx;
    // margin-left: 78rpx - 26rpx;
    width: 594rpx;
    
//     background: linear-gradient(180deg, #D8F0EE 0%, #FFFFFF 100%);
//     border-radius: 16rpx;
//     padding: 26rpx;
//     position: relative;
//     .title{
//         font-weight: 400;
//         font-size: 28rpx;
//         color: #333333;
//         line-height: 42rpx;
//         text-align: center;
//         margin-bottom: 32rpx;
//     }
//     .uni-easyinput{
//         width: auto !important;
//     }
//     .icon{
//         z-index: -1;
//         position: absolute;
//         width: 266rpx;
//         height: 146rpx;
//         top: -134rpx;
//         left: 50%;
//         transform: translateX(-50%);
//     }
//     .close-parent{
//         margin-bottom: 34rpx;
//     }
//     .button-green{
//         margin-top: 50rpx;
//     }
// }
    background: linear-gradient(180deg, #D8F0EE 0%, #FFFFFF 100%);
    border-radius: 16rpx;
    padding: 26rpx;
    position: relative;
    .title{
        font-weight: 400;
        font-size: 28rpx;
        color: #333333;
        line-height: 42rpx;
        text-align: center;
        margin-bottom: 32rpx;
    }
    .uni-easyinput{
        width: auto !important;
    }
    .icon{
        z-index: -1;
        position: absolute;
        width: 266rpx;
        height: 146rpx;
        top: -134rpx;
        left: 50%;
        transform: translateX(-50%);
    }
    .close-parent{
        margin-bottom: 34rpx;
    }
    .button-green{
        margin-top: 50rpx;
    }
}


// .component-filter-container {
//     display: flex;

//     .flex1 {

//         text-align: center;
//         font-weight: 400;
//         font-size: 24rpx;
//         color: #000000;
//         line-height: 34rpx;

//     }

// }
.component-filter-container {
    display: flex;

    .flex1 {

        text-align: center;
        font-weight: 400;
        font-size: 24rpx;
        color: #000000;
        line-height: 34rpx;

    }

}

// .component-shop-item {

//     margin-top: 20rpx;

//     background: #FFFFFF;

//     border-radius: 8rpx;

//     padding: 10rpx;

.component-shop-item {

    margin-top: 20rpx;

    background: #FFFFFF;

    border-radius: 8rpx;

    padding: 10rpx;



//     .info-container {

//         position: relative;

    .info-container {

        position: relative;



//         .other-info {

//             margin-top: 6rpx;

//             font-size: 24rpx;

//             color: #666666;

//             line-height: 34rpx;

//             text-align: left;

//         }

        .other-info {

            margin-top: 6rpx;

            font-size: 24rpx;

            color: #666666;

            line-height: 34rpx;

            text-align: left;

        }



//         .shop-name {

//             margin-top: 14rpx;

//             font-size: 24rpx;

//             color: #666666;

//             line-height: 34rpx;

//         }

        .shop-name {

            margin-top: 14rpx;

            font-size: 24rpx;

            color: #666666;

            line-height: 34rpx;

        }



//         .bottom-buttons {

//             // width: 400rpx;

//             position: absolute;

//             bottom: 0rpx;

        .bottom-buttons {

            // width: 400rpx;

            position: absolute;

            bottom: 0rpx;



//             left: 0;

//             right: 0;

            left: 0;

            right: 0;



//             .icons {

//                 margin-left: auto;

//                 margin-right: 0rpx;

//                 margin-top: -10rpx;

            .icons {

                margin-left: auto;

                margin-right: 0rpx;

                margin-top: -10rpx;



//                 .curnums {

//                     line-height: 60rpx;
//                     padding-left: 20rpx;
//                     padding-right: 20rpx;

//                 }

//             }

//         }

                .curnums {

                    line-height: 60rpx;
                    padding-left: 20rpx;
                    padding-right: 20rpx;

                }

            }

        }



//         .title {

//             font-weight: 600;

//             font-size: 32rpx;

//             color: #000000;

//             line-height: 44rpx;

//             margin-top: 8rpx;

//             position: relative;

        .title {

            font-weight: 600;

            font-size: 32rpx;

            color: #000000;

            line-height: 44rpx;

            margin-top: 8rpx;

            position: relative;



//             .price {

//                 position: absolute;

//                 font-weight: 400;

//                 font-size: 28rpx;

//                 color: #CF0000;

//                 line-height: 40rpx;

//                 top: 0;

//                 right: 0;

//             }

//         }

            .price {

                position: absolute;

                font-weight: 400;

                font-size: 28rpx;

                color: #CF0000;

                line-height: 40rpx;

                top: 0;

                right: 0;

            }

        }



//     }

    }



//     .img {

//         width: 206rpx;

//         height: 206rpx;

//         border-radius: 8rpx;

//         position: relative;

    .img {

        width: 206rpx;

        height: 206rpx;

        border-radius: 8rpx;

        position: relative;



//         .level {

//             position: absolute;

//             width: 66rpx;

//             height: 44rpx;

//             background: #20613D;

//             left: 0;

//             top: 0;

//             border-top-left-radius: 8rpx;

//             border-bottom-right-radius: 8rpx;

//             color: #FFFFFF;

//             line-height: 44rpx;

//             font-size: 24rpx;

//             text-align: center;

//         }

        .level {

            position: absolute;

            width: 66rpx;

            height: 44rpx;

            background: #20613D;

            left: 0;

            top: 0;

            border-top-left-radius: 8rpx;

            border-bottom-right-radius: 8rpx;

            color: #FFFFFF;

            line-height: 44rpx;

            font-size: 24rpx;

            text-align: center;

        }



//     }

    }





// }

}



// .u-steps-item{
//     /deep/ .u-text__value{
//         font-size: 28rpx !important;
//     }
// }
.u-steps-item{
    /deep/ .u-text__value{
        font-size: 28rpx !important;
    }
}

 sub_pages/supplier/flower-manage/flower-manage.vue

@@ -22,7 +22,9 @@
            <view v-for="(item,index) in list" :key="index" class="m-b-24 flow-manage-list">

            <!--     <view v-if="type === 'delete'"><checkbox  class="checkbox" :value="item.id" v-model="selectedFlowers" /> </view>

             -->

                <view class="flow-manage-list-item-radio" v-if="type === 'delete'"><radio :checked="isSelected(item.id)" @click="changeItem(item)"></radio></view>

                <view class="flow-manage-list-item-radio" v-if="type === 'delete'">

                    <radio :checked="isSelected(item.id)" @click="changeItem(item)"></radio>

                </view>

                <view class="flow-manage-list-item">

                    <view class="flex m-r-6">

                        <view class="img flower-img m-r-6">    

@@ -37,7 +39,8 @@
                        <view class="flex1">

                            <view class=" flex">

                                <view class="title">{{item.name}}<span class="level">{{item.levelStr}}</span></view>

                                <view class="m-l-a m-r-0" ><span class="label">排名</span><span class="value">{{item.typeRank || '-'}}</span></view>

                                <view class="m-l-a m-r-0"><span class="label">排名</span><span

                                        class="value">{{item.typeRank || '-'}}</span></view>

                

                                <view class="m-l-a m-r-0">

                                    {{item.categoryStr || '-'}}

@@ -93,7 +96,8 @@
                        <view class="button" @click.stop="openValue(item,'stock')">库存</view>

                        <view class="button" @click.stop="toDetailAdd(item)">复制</view>



                        <view v-if="type !== 'delete' && (item.status==='OFF' || item.status==='FORCE_OFF')  " class="button t-red" @click.stop="buttonDelete(item)">删除</view>

                        <view v-if="type !== 'delete' && (item.status==='OFF' || item.status==='FORCE_OFF')  "

                            class="button t-red" @click.stop="buttonDelete(item)">删除</view>



                    </view>

                </view>

@@ -429,6 +433,7 @@
                        margin-left: 20rpx;

                    }

                }



                .label {

                    

                    font-weight: 400;

@@ -559,28 +564,31 @@
            }



            .button-add {

                background-image: url('@/static/images/supplier/flower/flower-mange-icon-add-flower.png');

                // background-image: url('@/static/images/supplier/flower/flower-mange-icon-add-flower.png');

                background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/9b/9ba0066e01f445f9ade144175745cbb91TtPCakvMtBV191bed22cec1f45c715214822f5ee02e.png');



            }



            .button-search-in {

                background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-in.png');

                // background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-in.png');

                background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/f8/f8a79ebd3650409a9b461f692a718962k5etUQLrsYSP071ef78c3de46ccab3874c5a4607ca5b.png');



            }



            .button-search-unpass {

                background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-unpass.png');

                // background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-unpass.png');

                background-image: url("https://hmy-flower.oss-cn-shanghai.aliyuncs.com/cc/cc58fb61ae65427295c71f0d9caacc45de44rtPrgqFg844bca8d2930d7f517962bb64061ee43.png");



            }



            .button-search-inpass {

                background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-inpass.png');



                // background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-inpass.png');

                background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/47/47aec52d2a3d4c91b43bdb94685541afitjRdk4gwb9Qcb007003910ef8afa9377e8e7db26504.pn');

            }



            .button-search-delete {

                background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-delete.png');



                // background-image: url('@/static/images/supplier/flower/flower-mange-icon-flower-delete.png');

                background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/21/21bf915752004adea9fed11caf0aea96re8cK9uGrYOL8bdb6e2bb41c1244509a7183b96ca476.png');

            }

        }