nearby.css 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. /* pages/nearby/nearby.wxss */
  2. .ssbox{padding: 10rpx 20rpx 20rpx; justify-content: center; align-items: center;}
  3. .search{background: #F0F2F3;height: 70rpx;border-radius: 35rpx;padding: 0 20rpx;align-items: center;font-size: 26rpx;color: #666;width: 520rpx;}
  4. .search image{width: 30rpx;height: 30rpx;margin-right: 13rpx;}
  5. .tit{font-size: 24rpx;color: #999;padding: 20rpx;}
  6. .search input{margin-right: 13rpx;}
  7. .location{height: 100rpx;padding: 0 20rpx;font-size: 28rpx;color: #333;align-items: center;justify-content: space-between;}
  8. .location .title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;width: 440rpx;}
  9. .loca{margin-left: 30rpx;font-size: 28rpx;color: #0065AC;align-items: center;}
  10. .loca image{width: 31rpx;height: 33rpx;}
  11. .list .li{background: #fff; margin-bottom: 20rpx;}
  12. .list .li .cont{border-bottom: 2rpx solid #f4f4f4;overflow: hidden;align-items: center;padding: 35rpx 30rpx;}
  13. .list .li:last-child{border-bottom: none;}
  14. .dizhi{overflow: hidden;}
  15. .dizhi view{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 28rpx;color: #333;}
  16. .dizhi text{display: block;font-size: 28rpx;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; flex: 0.9;}
  17. .dizhi .name{align-items: center;}
  18. .dizhi .name image{width: 35rpx;height: 35rpx; margin-right: 7rpx;}
  19. .dizhi .time{ align-items: center;margin-top: 32rpx; }
  20. .dizhi .weizhi{ align-items: center;margin-top: 30rpx; }
  21. .dizhi .weizhi image{width: 25.3rpx;height: 32rpx;margin-right: 10rpx;}
  22. .dizhi .time image{width: 28rpx;height: 28rpx; margin-right: 8rpx;}
  23. .dizhi view.d-type{width: 90rpx;font-size: 20rpx;color: var(--mina);padding: 3rpx 0;text-align: center;border-radius: 8rpx;border: 1rpx solid var(--mina);}
  24. .yue{font-size: 28rpx;color: #333;align-items: center;margin: 0 auto;}
  25. .yue image{width: 33rpx;height: 40rpx;margin: 0 auto;margin-bottom: 14rpx;}
  26. .gray{color: #999;}
  27. .picker{justify-content: center;align-items: center;}
  28. .picker image{width: 18rpx; height: 10rpx; margin-left: 10rpx;}
  29. .section{border-right: 1rpx solid #999999; margin-right: 10rpx;}
  30. .sousuo{margin-left: 34rpx; font-size: 28rpx;}
  31. .shibai{width: 26rpx;height: 26rpx;border-radius: 50%;background-color: #FD0418;color: #fff;text-align: center;margin: 7rpx;font-size: 19rpx;}
  32. .dwsb{color: red;}
  33. .bottom{padding: 20rpx 30rpx; justify-content: space-between;}
  34. .bottom_left image{width: 54rpx;height: 54rpx;}
  35. .bottom_right{align-items: center; font-size: 26rpx; color: #999999;}
  36. .bottom_right image{width: 28rpx; height: 28rpx; margin-left: 10rpx;}
  37. .dangqian{width: 60rpx;height: 60rpx;z-index: 1;position: absolute;right: 20rpx;}
  38. .kjpop{position: fixed;top: 50%;transform: translateY(-50%);left: 85rpx;right: 85rpx;background: #fff;border-radius: 20rpx;z-index: 100;overflow: hidden;}
  39. .top {height: 100rpx;}
  40. .top image{width: 100%;height: 100rpx;}
  41. .kjpop .cont{padding: 40rpx 44rpx;}
  42. .kjpop .cont text{font-size:24rpx ; color: #707070;}
  43. .kjpop .cont .title{text-align: center; font-size: 28rpx;color: #DC1515; font-weight: bold;margin-top: 48rpx;margin-bottom: 50rpx;}
  44. .kjpop .cont .btn{width: 430rpx; height: 60rpx;border-radius: 40rpx;border: 1rpx solid #DE1F20; color: #DE1E1F; font-size: 28rpx;text-align: center; line-height: 60rpx;margin: 0 auto;}