抖音c端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

88 lines
2.6 KiB

  1. @import "../../weui.ttss";
  2. .weui-search-bar{position:relative;padding:8px;display:flex;box-sizing:border-box;background-color:#EDEDED;-webkit-text-size-adjust:100%;align-items:center}.weui-icon-search{margin-right:8px;font-size:14px;vertical-align:top;margin-top:.64em;height:1em;line-height:1em}.weui-icon-search_in-box{position:absolute;left:12px;top:50%;margin-top:-8px}.weui-search-bar__text{display:inline-block;font-size:14px;vertical-align:top}.weui-search-bar__form{position:relative;flex:auto;border-radius:4px;background:#FFFFFF}.weui-search-bar__box{position:relative;padding-left:32px;padding-right:32px;width:100%;box-sizing:border-box;z-index:1}.weui-search-bar__input{height:32px;line-height:32px;font-size:14px;caret-color:#07C160}.weui-icon-clear{position:absolute;top:0;right:0;bottom:0;padding:0 12px;font-size:0}.weui-icon-clear:after{content:"";height:100%;vertical-align:middle;display:inline-block;width:0;overflow:hidden}.weui-search-bar__label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:4px;text-align:center;color:rgba(0,0,0,0.5);background:#FFFFFF;line-height:32px}.weui-search-bar__cancel-btn{margin-left:8px;line-height:32px;color:#576B95;white-space:nowrap}
  3. .pickers{
  4. width:560rpx;
  5. height: 64rpx;
  6. position: absolute;
  7. left: 0;
  8. top: 0;
  9. bottom: 0;
  10. margin: auto;
  11. color: transparent;
  12. }
  13. .picker{
  14. position: relative;
  15. z-index: 10000;
  16. width:496rpx;
  17. height: 64rpx;
  18. overflow: hidden;
  19. }
  20. .posi {
  21. position: relative;
  22. width: 716rpx;
  23. margin: 0 auto;
  24. }
  25. .posi>view:nth-child(2) {
  26. width: 100%;
  27. display: flex;
  28. justify-content: space-between;
  29. box-sizing: border-box;
  30. }
  31. .posi>view:nth-child(2) text:nth-child(1) {
  32. font-size: 30rpx;
  33. color: #a9a9a9;
  34. }
  35. .posi>view:nth-child(2) text:nth-child(2) {
  36. font-size: 30rpx;
  37. color: #a9a9a9;
  38. }
  39. .tel {
  40. position: absolute;
  41. right: 3%;
  42. top: 0;
  43. bottom: 0;
  44. margin: auto;
  45. width: 50rpx;
  46. height: 50rpx;
  47. }
  48. .posi_logo {
  49. position: relative;
  50. height:176rpx;
  51. background:rgba(255,255,255,1);
  52. box-shadow:0px 4rpx 8rpx 0px rgba(0,0,0,0.04);
  53. border-radius:16rpx;
  54. margin: 20rpx;
  55. overflow: hidden;
  56. }
  57. .merchants{
  58. width: 90%;
  59. display: flex;
  60. background: #fff;
  61. padding-right:5%;
  62. overflow: hidden;
  63. }
  64. .merchantName{
  65. display: block;
  66. color: #3C3C3C;
  67. font-size: 32rpx;
  68. margin-left: 20rpx;
  69. width: 90%;
  70. overflow: hidden;
  71. text-overflow:ellipsis;
  72. white-space: nowrap;
  73. }
  74. .merchants view:nth-child(1) image {
  75. display: block;
  76. width: 120rpx;
  77. height: 120rpx;
  78. border-radius: 16rpx;
  79. }
  80. .position{
  81. text-align: center;
  82. margin-top: 100rpx;
  83. color: #999;
  84. }