0310

Posted 2020-10-26 cnchengv

searchroom
                        <el-row style="margin-top: 2em;" :gutter="10">
                           <el-col :xs="12" :sm="12" :md="12" :lg="12" class="hidden-sm-and-down">
                              <el-tag>
                                宽带
                            </el-tag>
                            <el-tag>
                                wifi
                            </el-tag>
                           </el-col>
                           <el-col :xs="12" :sm="12" :md="12" :lg="12" >
                           <small> <small>wang--{{room.posttime}}发布</small></small>
                           <!--
                               <small><a  href="‘/room/‘+room.id">{{room.shortroominfo}}...</a></small>
                               -->
                           </el-col>
   
                       </el-row>

　　

求组
<el-row :gutter="10"> 
     <el-col :xs="0" :sm="1" :md="2" :lg="2">.
     </el-col>
     <el-col :xs="24" :sm="22" :md="20" :lg="20">
  <div class="am-list-news-bd">
  <ul class="am-list">
    


      <li v-for="room in rooms" class=" am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
        <el-row :gutter="10">
          <el-col :xs="2" :sm="2" :md="2" :lg="2">
              <div class="am-u-sm-3 am-list-thumb">
                
                <router-link :to="‘/room/‘+room.id">
                  <img :src="‘/api/150_‘+room.image" style="width: 30px;height: 30px;" />
                  </router-link>
              </div>
          </el-col>
          <el-col :xs="20" :sm="20" :md="20" :lg="20" >
              <div class=" am-list-main" >
                  <!--<h3 class="am-list-item-hd"><router-link to="/room/2">-->
                  <el-row :gutter="10">
                      <el-col :xs="15" :sm="15" :md="14" :lg="12">
                      <h4 class="" style="margin-top: 1.1em;margin-bottom: 0.5em;"><router-link :to="‘/room/‘+room.id">
                        {{room.courtname}}-南卧  {{room.price}}<small>元/月</small> </router-link> 
                      </h4>
                      </el-col>
                      <el-col :xs="9" :sm="9" :md="10" :lg="12">
                      <h5 style="margin-top: 1.5em;margin-bottom: 0.5em;">
                     <small> <small>wang--{{room.posttime}}发布</small></small>
                      </h5>
                      </el-col>
                  </el-row>
                  

                  <div class="am-list-item-text" style="margin-top: 0.3em;">
                      <el-row :gutter="10">
                            <small>{{room.roominfo}}</small>
  
                       </el-row>
  
                        <el-row style="margin-top: 1.2em;margin-bottom: 0.3em;" :gutter="10">
                           <el-col :xs="12" :sm="12" :md="12" :lg="12" class="hidden-sm-and-down">
                               <el-tag>
                                无房
                               </el-tag>
                              <el-tag>
                                it
                               </el-tag>
                              <el-tag>
                                80后
                               </el-tag>
                           </el-col>
                           <el-col :xs="12" :sm="12" :md="12" :lg="12" >
                           <i style="padding-right: 1em" class="el-icon-edit">200</i>
                           <i style="padding-right: 1em" class="el-icon-share">2</i>
                           
                           <!--
                               <small><a  href="‘/room/‘+room.id">{{room.shortroominfo}}...</a></small>
                               -->
                           </el-col>
   
                       </el-row>
   
                     
                  </div>
              </div>
          </el-col>
           
        </el-row>
      </li>
    </ul>
  </div>
  </el-col>
  </el-row>