uni3

 

 

 

 

 

 

 

 

 

 自定义组件使用只需要当标签使用即可

 

 

 

 

 

 

 

 

 

             height: 36px;高度
            background-color: #FFFFFF;背景颜色
            border-radius: 18px;圆角度
            width: 100%;宽度
            display: flex;变成盒子
            justify-content: center;左右对齐
            align-items: center;高度居中

            .placeholder{
                font-size: 15px;字体大小
                margin-left: 5px;左边距
            }

 

 

 

 

 

 

 

 

 

 

 

     .search-box{
        position: sticky;固定死
        top: 0;最高处
        z-index: 999;不会被覆盖
    }

 

 

 

 接受输入的参数

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

         display: flex;//变成一行
        justify-content: space-between;//两边对齐

 

             display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 12px;
            border-bottom: 1px solid #efefef;//边框
            padding: 13px 0;
            .goods-name{
                //文本不允许换行
                white-space: nowrap;
                //文本溢出部分隐藏
                overflow: hidden;
                //超出部分用三个小点表示
                text-overflow: ellipsis;
                margin-right: 3px;
            }
            
        }
    }
    .history-box1{
        display: flex;//变成一行
        justify-content: space-between;//两边对齐
        padding: 0 5px;

        
    }
    .history-title{
        display: flex;
        height: 40px;
        align-items: center;//上下对齐
        font-size: 13px;
        border-bottom: 1px solid #efefef;
        .uni-tag{
            margin-top: 5px;//上边距
            margin-right: 5px;//右边距
            flex-wrap: wrap;//装不下就换一行
        }
    }

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

             display: flex;//变成盒子
            flex-direction: column;纵向对齐
            justify-content: space-between;贴边对齐

标签：flex,space,content,对齐,uni3,display,justify
来源： https://www.cnblogs.com/1994xiaojian/p/15929942.html