page{ background-color: #fbf8f8; font-size: 26upx; } .cartsView{ width: 94%; margin: 110upx auto 30upx; padding-bottom: 100upx; } .cartsItem{ width: 100%; background-color: #ffffff; border-radius: 10upx; margin-bottom: 30upx; position: relative; } .cartTitle{ border-bottom: 1px solid #eeeeee; padding: 20upx; display: flex; align-items: center; } .cIcon{ width: 56upx; height: 56upx; margin-right: 10upx; } .cartsGoods{ display: flex; padding: 30upx; } .cartsIcon{ width: 140upx; border-radius: 10upx; } .carts-item{ width: 75%; margin-left: 30upx; } .carts-title{ padding: 0; font-size: 26upx; line-height: 42upx; font-weight: 700; color: #333; display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */ -webkit-box-orient: vertical; /* 垂直排列 */ -webkit-line-clamp: 1; /* 限制显示两行 */ overflow: hidden; /* 隐藏超出范围的内容 */ text-overflow: ellipsis; /* 使用省略号 */ } .carts-price{ color: #F75451; font-size: 26upx; margin-top: 20upx; position: relative; } .red{ font-size: 32upx !important; font-weight: 600; margin-left: 10upx; } .carts-nums{ width: 180upx; position: absolute; right: 20upx; top: 60%; display: flex; align-items: center; justify-content: center; border: 1px solid #dddddd; border-radius: 10upx; height: 55upx; } .carts-nums view{ height: 100%; flex: 1; display: flex; justify-content: center; align-items: center; } .carts-nums view:nth-child(1), .carts-nums view:nth-child(2){ border-right: 1px solid #dddddd; } .carts-nums image{ width: 40upx; height: 40upx; } .carts-nums input{ text-align: center; font-size: 26upx; } .cartsControll{ width: 100%; position: fixed; bottom: var(--window-bottom); left: 0; height: 100upx; background-color: #ffffff; border-top: 1px solid #f5e2e2; } .cartsControll-left{ float: left; padding: 0 20upx; height: 100%; display: flex; align-items: center; } .chooseIcon{ width: 56upx; height: 56upx; margin-right: 10upx; } .cartsControll-right{ float: right; height: 100%; display: flex; align-items: center; padding-right: 30upx; color: #F75451; font-size: 26upx; } .cartsBtn{ background: #e3b400; color: #ffffff; padding: 14upx 25upx; border-radius: 30upx; margin-left: 20upx; } .c-title{ position: fixed; left: 0; /*top: var(--status-bar-height);*/ top: 0px; z-index: 99; width: 100%; background-color: #ebebeb; height: 80upx; } /*#ifdef H5*/ .c-title{ top: 44px; } /*#endif*/ .c-title text{ display: inline-block; height: 100%; line-height: 80upx; font-size: 26upx; padding: 0 30upx; } .c-title view{ float: right; display: inline-block; line-height: 80upx; font-size: 28upx; margin-right: 30upx; } .carts-price view{ display: flex; align-items: center; margin-top: 4upx; }