navigation/pages/recommendFood/recommendFood.wxss

/* pages/recommendFood/recommendFood.wxss */

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

/* 美食推荐外部容器 */
.foodWrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 20rpx 20rpx 0 0;
    justify-content: space-between;
}

/* 美食推荐列表 */
.foodDetail{
    position: relative;
    flex-shrink: 0;
    width: 45%;
    height: 600rpx;
    margin: 20rpx 0 20rpx 20rpx;
    border: 1rpx solid gray;
    border-radius: 20rpx;
}

.noFoodImg{
    display: flex;
    height: 400rpx;
    line-height: 400rpx;
    justify-content: center;
    color: rgb(214, 213, 213);
    font-size: 38rpx;
}

/* 美食图片 */
.foodImg{
   height: 400rpx;
   width: 100%;
   border-radius: 20rpx;
   border-top-left-radius: 20rpx;
   border-top-right-radius: 20rpx;
}
/* 图片下方文字 */
.foodIntro{
    display: flex;
    flex-direction: column;
    padding-left: 10rpx;
    position: absolute;
    bottom: 6rpx;
}
/* 店名 */
.foodName{
    margin: 20rpx 0;
    font-weight: bold;
    color: green;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
/* 电话 */
.phone{
    height: 30rpx;
    line-height: 30rpx;
    margin-bottom: 10rpx;
}
/* 电话图标 */
.phoneIcon{
    width: 30rpx;
}
/* 电话号码 */
.phoneNum{
    font-size: 28rpx;
    padding-left: 20rpx;
}
.openTime{
    font-size: 28rpx;
}
/* 地址区 */
.foodLocate{
    display: flex;
}
/* 地址图标 */
.locateIcon{
    width: 40rpx;
    height: 40rpx;
}
/* 地址 */
.address{
    width: 75%;
    font-size: 28rpx;
    padding: 0 20rpx;
    overflow: hidden;
    display: -webkit-box;
    /*设置对齐模式*/
    -webkit-box-orient: vertical;
    /*设置多行的行数*/
    -webkit-line-clamp: 2;
}