自定义组件使用只需要当标签使用即可
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;贴边对齐