store.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. /* pages/store/store.wxss */
  2. .storeContent {
  3. width: 100%;
  4. padding: 0 32rpx 10rpx;
  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. margin: 10rpx auto 0 ;
  23. }
  24. .storeSearch image {
  25. width: 24rpx;
  26. height: 24rpx;
  27. }
  28. .storeSearch input {
  29. font-size: 24rpx;
  30. color: #333;
  31. margin-left: 4rpx;
  32. width: 100%;
  33. }
  34. .storeSearch .placeholderStyle {
  35. font-size: 24rpx;
  36. color: #B2B2B2;
  37. }
  38. .storeList {
  39. width: 100%;
  40. padding: 0 32rpx;
  41. box-sizing: border-box;
  42. /* display: flex;
  43. align-items: center;
  44. justify-content: center; */
  45. margin-top: 20rpx;
  46. }
  47. .storeList>view {
  48. overflow: hidden;
  49. width: 334rpx;
  50. float: left;
  51. }
  52. .storeList>view:nth-of-type(odd){
  53. margin-right: 18rpx;
  54. }
  55. .unbrand {
  56. margin-top: 180rpx;
  57. text-align: center;
  58. }
  59. .unbrand image {
  60. display: inline-block;
  61. width: 250rpx;
  62. height: 274rpx;
  63. }
  64. .unbrand .text {
  65. color: #666C7D;
  66. font-size: 30rpx;
  67. margin-top: 40rpx;
  68. }