<style >.goods-list-item{ width: 46%; margin: 5px; font-size: 14px; text-align: center
; position: relative; height: 290px; } .goods-list-item img{ height: 250px; width: 10
0%; border-radius: 10px;}.goods-list-item .info{ position: absolute; left: 0; right: 0
; bottom: 0;}.goods-list-item .info p{ /* css超出一行用点表示 */overflow:hidden;text-overflow:el
lipsis;white-space:nowrap;}.goods-list-item .info .price{ color: var(--color-tint); }.goo
ds-list-item .collect{ position: relative;margin-left: 15px;}.goods-list-item .collect::b
efore{ content: ''; position: absolute; left: -13px; top: 0px; content:''; width:14p
x; height:14px; background: url("~assets/img/common/collect.svg") 0 0/14px 14px;}.goods-
item{ /* margin-top: 15px; */ width: 100%; display: flex; /* 如何换行 */ flex-wra
p:wrap; justify-content:center;} .nav { color: #fff; text-align: center; background-
color: var(--color-tint); position: fixed; right: 0; left: 0; top: 0; z-index: 8; wi
dth: 100%;}</style>