C端小程序
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

51 Zeilen
1011 B

  1. /* pages/index/merchantList/index.wxss */
  2. .merchant-detail{
  3. width: 92%;
  4. margin: 0 auto;
  5. }
  6. .merchant-brand{
  7. /* width:100%; */
  8. display:flex;
  9. /* padding:20rpx 0; */
  10. background:#fff;
  11. border-bottom:1rpx solid #efefef;
  12. width:690rpx;
  13. height:197rpx !important;
  14. background:#fff;
  15. padding:30rpx 0 0;
  16. margin:0 auto 40rpx;
  17. border-radius:16rpx;
  18. border-top:8rpx solid #02b7ff;
  19. box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.10);
  20. }
  21. .merchant-brand view:nth-child(1) {
  22. width:160rpx;
  23. border-radius:16rpx;
  24. height:160rpx;
  25. padding-left: 10rpx;
  26. }
  27. .merchant-brand view:nth-child(1) image {
  28. display:block;
  29. width:160rpx;
  30. height:160rpx;
  31. border-radius:16rpx;
  32. border:1px solid #e5e5e5;
  33. }
  34. .merchant-brand view:nth-child(2) text:nth-child(1){
  35. margin-top: 20rpx;
  36. padding: 10rpx 0;
  37. font-size:35rpx;
  38. font-weight: bold;
  39. color:#333;
  40. }
  41. .merchant-brand view:nth-child(2) text:nth-child(2){
  42. font-size: 28rpx;
  43. color: #333;
  44. }
  45. .merchant-brand view:nth-child(2) {
  46. display:flex;
  47. flex-direction:column;
  48. flex:8;
  49. padding-left:80rpx;
  50. }