myArtist.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /* pages/user/myArtist/myArtist.wxss */
  2. .item-box{
  3. padding: 30rpx 50rpx;
  4. }
  5. .item-box .item{
  6. background:rgba(255,255,255,1);
  7. border:1rpx solid rgba(234,234,234,1);
  8. display: flex;
  9. margin-bottom: 30rpx;
  10. padding: 30rpx;
  11. align-items: center;
  12. }
  13. .item-box .item .item-media{
  14. position: relative;
  15. width: 220rpx;
  16. height: 254rpx;
  17. margin-right: 40rpx;
  18. }
  19. .item-box .item .item-media .label{
  20. position: absolute;
  21. left: 0;
  22. top: 0;
  23. width:110rpx;
  24. height:44rpx;
  25. text-align: center;
  26. line-height: 44rpx;
  27. background:rgba(44,48,57,1);
  28. font-size: 24rpx;
  29. color: #fff;
  30. }
  31. /* .item-box .item .item-content{
  32. } */
  33. .item-box .item .item-content .name{
  34. color: #161616;
  35. font-size: 32rpx;
  36. line-height: 1.6;
  37. padding: 6rpx 0;
  38. }
  39. .item-box .item .item-content .art{
  40. color: #A4ABB3;
  41. font-size: 28rpx;
  42. line-height: 1.6;
  43. margin-bottom: 6rpx;
  44. }
  45. .item-box .item .item-content .price{
  46. color: #161616;
  47. font-size: 28rpx;
  48. line-height: 1.6;
  49. margin-bottom:30rpx;
  50. }
  51. .item-box .item .item-content .tool{
  52. }
  53. .item-box .item .item-content .small-btn{
  54. display: inline-block;
  55. vertical-align: middle;
  56. width:220rpx;
  57. height:58rpx;
  58. line-height: 58rpx;
  59. text-align: center;
  60. font-size: 28rpx;
  61. color: #FFFFFF;
  62. background:rgba(44,48,57,1);
  63. }