scenicList.wxss 914 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  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. .secenryImg{
  25. width: 30%;
  26. }
  27. /* 景点名称 */
  28. .sceneryTitle{
  29. font-size: 38rpx;
  30. font-weight: bold;
  31. color: goldenrod;
  32. }
  33. /* 景点内容介绍 */
  34. .sceneryIntro{
  35. overflow: hidden;
  36. margin-top: 30rpx;
  37. display: -webkit-box;
  38. /*设置对齐模式*/
  39. -webkit-box-orient: vertical;
  40. /*设置多行的行数*/
  41. -webkit-line-clamp: 4;
  42. }
  43. /* 分隔条 */
  44. .interval{
  45. width: 100%;
  46. height: 20rpx;
  47. margin: 20rpx 0;
  48. background-color: rgb(236, 234, 234);
  49. }