navigation/pages/scenicList/scenicList.wxss

/* pages/scenicList/scenicList.wxss */

.scenicNo{
    font-size: 32rpx;
    color: gray;
    padding: 20rpx;
}

.scenery{
    display: flex;
    padding: 0 20rpx;
    margin-top: 20rpx;
}

/* 景点介绍 */
.sceneryContent{
    display: flex;
    flex-direction: column;
    width: 75%;
    margin-left: 20rpx;
}
/* 景点图片 */
.sceneryImg{
    width: 30%;
    border-radius: 20rpx;
}

/* 景点名称 */
.sceneryTitle{
    font-size: 38rpx;
    font-weight: bold;
    color: goldenrod;
}

/* 景点热度 */
.clickRate{
    position: absolute;
    right: 40rpx;
}

/* 景点内容介绍 */
.sceneryIntro{
    overflow: hidden;
    margin-top: 30rpx;
    display: -webkit-box;
    /*设置对齐模式*/
    -webkit-box-orient: vertical;
    /*设置多行的行数*/
    -webkit-line-clamp: 4;
}
/* 分隔条 */
.interval{
    width: 100%;
    height: 20rpx;
    margin: 20rpx 0;
    background-color: rgb(236, 234, 234);
}