123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- .add-customer {
- margin: 20rpx;
- padding: 20rpx 0;
- text-align: center;
- color: blue;
- background-color: #eee;
- border-radius: 40rpx;
- }
- .add-customer .add-icon {
- margin-right: 10rpx;
- }
- .good {
- margin: 20rpx;
- display: flex;
- justify-content: space-between;
- }
- .good .image {
- border-radius: 20rpx;
- width: 200rpx;
- height: 200rpx;
- }
- .good .info {
- padding: 10rpx 0;
- width: 480rpx;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- }
- .good .info .up .name {
- font-size: 28rpx;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .good .info .up .tag {
- display: flex;
- flex-wrap: wrap;
- }
- .good .info .up .tag text {
- margin-top: 10rpx;
- font-size: 22rpx;
- color: #5a5a5a;
- margin-right: 15rpx;
- }
- .good .info .down {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .good .info .down .price {
- color: red;
- font-size: 22rpx;
- }
- .good .info .down .price text {
- font-size: 25rpx;
- font-weight: bold;
- }
- .good .info .down .btn {
- width: 200rpx;
- }
- .good .info .down .btn button {
- font-size: 25rpx;
- }
|