虚拟点餐系统(3)评价界面

<!--pages/placeorder/placeorder.wxml--> 
<!--评价 开始-->
    <view class="review-content" wx:if="{{selected == 2}}">
      <view class="review-item">
        <view class="goods-logo">
          <image src="/icon/goods-1.png"></image>
        </view>
        <view class="goods-info">
          <view class="goods-info-title">红烧鱼块</view>
          <view class="goods-info-sales">月售 244</view>
          <view class="goods-info-score">评价 9.9分</view>
        </view>
        <view class="goods-arrow"><text decode="{{true}}">&gt;</text> 
        </view>
      </view>
    </view>
<!--评价 结束-->

/* pages/placeorder/placeorder.wxss */
/*评价 开始*/
.review-content{
  padding:15rpx;
}

.review-content .review-item{
  height:200rpx;
  width:100%;
  border-bottom:1px solid #ccc;
  display:flex;
  flex-direction:row;
}

.review-content .review-item .goods-logo{
  width:180rpx;
  height:180rpx;
}

.review-content .review-item .goods-logo image{
  width:100%;
  height:100%;
}
.review-content .review-item .goods-info{
  margin-left:15rpx;
}
.review-content .review-item .goods-info view{
  margin-bottom:15rpx;
}

.review-content .review-item .goods-info-title{
  font-size:36rpx;
  font-weight:bold;
}
.review-content .review-item .goods-info-sales{
  font-size:30rpx;
  color:#ccc;
}
.review-content .review-item .goods-info-score{
  font-size:30rpx;
  color:#f90;
}
.review-content .review-item .goods-arrow{
  margin-left:200rpx;
  height:100%;
  line-height:200rpx;
  font-size:60rpx;
}
/*评价 结束*/