index.wxss 1.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /**index.wxss**/
  2. @import '../../app.wxss';
  3. .list {
  4. padding: 30rpx;
  5. position: relative;
  6. overflow: hidden;
  7. }
  8. .list > view {
  9. padding: 20rpx;
  10. position: relative;
  11. overflow: hidden;
  12. background: #fff;
  13. margin-top: 30rpx;
  14. box-shadow: 0 0 20rpx 10rpx rgba(0, 0, 0, 0.05);
  15. }
  16. .list > view:first-child {
  17. margin-top: 0;
  18. }
  19. .img {
  20. width: 260rpx;
  21. height: 146rpx;
  22. position: relative;
  23. overflow: hidden;
  24. background: #eee;
  25. border-radius: 10rpx;
  26. }
  27. .list > view > .flex-item {
  28. margin-left: 30rpx;
  29. }
  30. .list .delete {
  31. width: 100%;
  32. position: relative;
  33. overflow: hidden;
  34. text-align: right;
  35. margin-top: -10rpx;
  36. }
  37. .list .delete image {
  38. width: 24rpx;
  39. display: inline-block;
  40. }
  41. .list text {
  42. width: 100%;
  43. display: block;
  44. line-height: 40rpx;
  45. font-size: 26rpx;
  46. color: #999;
  47. }
  48. .list .delete + text {
  49. font-size: 30rpx;
  50. font-weight: bold;
  51. color: #000;
  52. line-height: 44rpx;
  53. }
  54. .list text.name{
  55. font-size: 26rpx;
  56. color: #000;
  57. }
  58. .list text.price text {
  59. display: inline;
  60. color: red;
  61. font-size: 24rpx;
  62. }
  63. .noMore {
  64. width: 100%;
  65. display: block;
  66. text-align: center;
  67. color: #666;
  68. font-size: 24rpx;
  69. line-height: 40rpx;
  70. margin: 0 20rpx;
  71. }