|
- .commodityBox{
- background-color: #fff;
- width: 96%;
- border-radius: 12rpx;
- overflow: hidden;
- margin: 10rpx auto;
- }
- .commodityImgBox{
- width: 100rpx;
- height: 100rpx;
- overflow: hidden;
- float: left;
- margin: 20rpx;
- border-radius: 8rpx;
- }
- .commodityImg{
- width: 100%;
- height: 100%;
- }
-
- .contentBox{
- width: 560rpx;
- float: left;
- height: 100rpx;
-
- margin-top: 20rpx;
- }
- .topBox{
- overflow: hidden;
- }
-
- .title{
- height: 60rpx;
- font-size: 26rpx;
- width: 490rpx;
- float: left;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2; /* 这里是超出几行省略 */
- overflow: hidden;
- }
- .unit{
- float: right;
- font-size: 24rpx;
- }
- .subhead{
- margin-top: 4rpx;
- color: #a6a6a6;
- font-size: 20rpx;
- }
- .app-border-topX{
- width: 100%;
- height: 120rpx;
- background-color: #fff;
- overflow: hidden;
- position: fixed;
- left: 0;
- bottom: 0;
- }
- .actually{
- margin-left: 10%;
- font-size: 24rpx;
- color: #a6a6a6;
- line-height: 120rpx;
- float: left;
- }
- .payZ{
- margin-left: 6rpx;
- font-size: 20rpx;
- color: #d5af67;
- line-height: 126rpx;
- float: left;
- }
- .price{
- font-size: 26rpx;
- color: #d5af67;
- line-height: 120rpx;
- float: left;
- }
- .buyX{
- float: right;
- background: linear-gradient(270deg, #DDAB5A, #B8832D);
-
- /* width: 80rpx; */
- color: #fff;
- font-size: 28rpx;
-
- border-radius: 60rpx;
- margin: 30rpx 40rpx;
- padding: 10rpx 20rpx;
- }
|