123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197 |
- .wrapper {
- display: flex;
- flex-direction: column;
- align-items: center;
- padding: 34rpx 0 68rpx;
- }
- .list {
- display: flex;
- align-items: center;
- width: 100%;
- margin-bottom: 40rpx;
- }
- .icon-wrap {
- display: flex;
- width: 114rpx;
- padding-left: 30rpx;
- image {
- width: 34rpx;
- height: 32rpx;
- background: pink;
- }
- }
- .goods-wrap {
- display: flex;
- align-items: center;
- width: calc(100% - 114rpx);
- }
- .photo-wrap {
- width: 202rpx;
- height: 194rpx;
- border-radius: 20rpx;
- overflow: hidden;
- image {
- display: block;
- width: 100%;
- height: 100%;
- background: pink;
- }
- }
- .info {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- width: calc(100% - 202rpx);
- min-height: 194rpx;
- padding: 0 30rpx 0 50rpx;
- }
- .name-wrap {
- display: flex;
- flex-direction: column;
- }
- .goods-name {
- width: 100%;
- font-size: 32rpx;
- line-height: 46rpx;
- color: rgba(0, 28, 51, 1);
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .partner-name {
- width: 100%;
- font-size: 24rpx;
- line-height: 34rpx;
- color: rgba(163, 163, 163, 1);
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .price {
- margin-top: 10rpx;
- font-size: 28rpx;
- line-height: 32rpx;
- color: rgba(0, 28, 51, 1);
- }
- .count-wrap {
- display: flex;
- align-items: center;
- }
- .count {
- min-width: 69rpx;
- font-size: 24rpx;
- line-height: 30rpx;
- color: rgba(0, 28, 51, 1);
- text-align: center;
- }
- .del,
- .add {
- width: 38rpx;
- height: 36rpx;
- background: pink;
- }
- .business-info {
- width: 100%;
- .label {
- width: 100%;
- padding-left: 36rpx;
- font-size: 36rpx;
- line-height: 52rpx;
- color: rgba(0, 28, 51, 1);
- }
- .value {
- display: flex;
- align-items: center;
- width: 100%;
- padding-left: 36rpx;
- margin-top: 24rpx;
- }
- .icon-map {
- width: 112rpx;
- height: 112rpx;
- border-radius: 16rpx;
- background: pink;
- }
- .address-wrap {
- width: 515rpx;
- padding: 0 80rpx 0 32rpx;
- }
- .address {
- width: 100%;
- font-size: 26rpx;
- line-height: 40rpx;
- color: rgba(0, 28, 51, 1);
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .phone {
- margin-top: 8rpx;
- font-size: 24rpx;
- line-height: 28rpx;
- color: rgba(163, 163, 163, 1);
- }
- .icon-arrow {
- width: 15rpx;
- height: 27rpx;
- background: pink;
- }
- }
- .qrcode {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 542rpx;
- height: 542rpx;
- margin-top: 108rpx;
- border-radius: 20rpx;
- box-shadow: 0 4rpx 20rpx 0 rgba(0, 0, 0, 0.1);
- image {
- width: 468rpx;
- height: 468rpx;
- border-radius: 20rpx;
- overflow: hidden;
- background: pink;
- }
- }
- .tip {
- margin-top: 26rpx;
- font-size: 24rpx;
- line-height: 34rpx;
- color: rgba(163, 163, 163, 1);
- }
- button.btn-business[type="primary"] {
- width: 627rpx;
- height: 80rpx;
- margin-top: 250rpx;
- border-radius: 88rpx;
- background: rgba(145, 179, 121, 1);
- font-size: 36rpx;
- font-weight: 500;
- }
|