scenicList.wxss 996 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /* pages/scenicList/scenicList.wxss */
  2. /* 标题样式 */
  3. /* .title{
  4. width: 100%;
  5. font-size: 42rpx;
  6. font-weight: bold;
  7. height: 80rpx;
  8. line-height: 80rpx;
  9. text-align: center;
  10. } */
  11. .scenery{
  12. display: flex;
  13. padding: 0 20rpx;
  14. margin-top: 20rpx;
  15. }
  16. /* 景点介绍 */
  17. .sceneryContent{
  18. display: flex;
  19. flex-direction: column;
  20. width: 75%;
  21. margin-left: 20rpx;
  22. }
  23. /* 景点图片 */
  24. .sceneryImg{
  25. width: 30%;
  26. }
  27. /* 景点名称 */
  28. .sceneryTitle{
  29. font-size: 38rpx;
  30. font-weight: bold;
  31. color: goldenrod;
  32. }
  33. /* 景点热度 */
  34. .clickRate{
  35. position: absolute;
  36. right: 40rpx;
  37. }
  38. /* 景点内容介绍 */
  39. .sceneryIntro{
  40. overflow: hidden;
  41. margin-top: 30rpx;
  42. display: -webkit-box;
  43. /*设置对齐模式*/
  44. -webkit-box-orient: vertical;
  45. /*设置多行的行数*/
  46. -webkit-line-clamp: 4;
  47. }
  48. /* 分隔条 */
  49. .interval{
  50. width: 100%;
  51. height: 20rpx;
  52. margin: 20rpx 0;
  53. background-color: rgb(236, 234, 234);
  54. }