store.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /* pages/store/store.wxss */
  2. .storeContent {
  3. width: 100%;
  4. padding: 0 32rpx;
  5. box-sizing: border-box;
  6. position: fixed;
  7. top: 0;
  8. left: 0;
  9. background: #fff;
  10. z-index: 100;
  11. }
  12. .storeSearch {
  13. width: 100%;
  14. height: 64rpx;
  15. background: #F6F6F6;
  16. border-radius: 32rpx;
  17. display: flex;
  18. align-items: center;
  19. justify-content: flex-start;
  20. padding: 0 32rpx;
  21. box-sizing: border-box;
  22. }
  23. .storeSearch image {
  24. width: 24rpx;
  25. height: 24rpx;
  26. }
  27. .storeSearch input {
  28. font-size: 24rpx;
  29. color: #333;
  30. margin-left: 4rpx;
  31. width: 100%;
  32. }
  33. .storeSearch .placeholderStyle {
  34. font-size: 24rpx;
  35. color: #B2B2B2;
  36. }
  37. .storeList {
  38. width: 100%;
  39. padding: 0 32rpx;
  40. box-sizing: border-box;
  41. /* display: flex;
  42. align-items: center;
  43. justify-content: center; */
  44. margin-top: 32rpx;
  45. }
  46. .storeList>view {
  47. overflow: hidden;
  48. width: 334rpx;
  49. float: left;
  50. }
  51. .storeList>view:nth-of-type(odd){
  52. margin-right: 18rpx;
  53. }
  54. .unbrand {
  55. margin-top: 180rpx;
  56. text-align: center;
  57. }
  58. .unbrand image {
  59. display: inline-block;
  60. width: 250rpx;
  61. height: 274rpx;
  62. }
  63. .unbrand .text {
  64. color: #666C7D;
  65. font-size: 30rpx;
  66. margin-top: 40rpx;
  67. }