.container { // background-color: #F7F7F7; .shop-img { width: 100%; height: 340rpx; image { width: 100%; height: 100%; } } .shop-info { height: 290rpx; background-color: #fff; display: flex; flex-direction: column; padding-left: 25rpx; padding-top: 15rpx; >view { flex: 1; position: relative; } .stars { margin-right: 25rpx; border-bottom: 1px solid #ebeef5; } .address { display: flex; justify-content: space-between; .way { position: relative; padding-right: 10rpx; .checkway { margin-right: 40rpx; } .next { position: absolute; top: 8rpx; right: 13rpx; width: 30rpx; height: 30rpx; } } } .tel { margin-top: 20rpx; } } .products { margin-top: 10rpx; .product { display: flex; justify-content: flex-start; padding: 20rpx 40rpx; .product-img { image { width: 150rpx; height: 150rpx; } } .product-info { padding-left: 20rpx; display: flex; flex-direction: column; justify-content: space-around; .price { display: flex; justify-content: flex-start; align-items: center; .new-price { width: 100rpx; height: 60rpx; color: #e40360; } .old-price { width: 80rpx; height: 50rpx; text-decoration: line-through; padding-top: 5rpx; } } } } } .shop-desc { margin: 10rpx 0; .desc { padding: 20rpx 40rpx; text-indent: 20rpx; line-height: 50rpx; } } .comments { margin-bottom: 10rpx; .all-comments { position: relative; .comments-icon { position: absolute; top: -1rpx; left: 380rpx; } } } } .all-comments { height: 100rpx; line-height: 100rpx; padding-left: 150rpx; } .padding40 { padding-left: 40rpx; } .icon { position: absolute; top: -6rpx; left: 0; } .shop-title { width: 100%; height: 90rpx; line-height: 90rpx; border: 1px solid #ebeef5; padding-left: 20rpx; }