scrm-vue/src/scrm_pages/site/components/contact-us.vue

<template>
    <div>
        <div  v-for="item in this.ordmodel" :key="item.id">
           <div>
              <div v-if="item.mode_type == 1">
                 <div class="modefive">
                     <img src="static/images/a.jpg" style="width:315px;height:200px">
                 </div>
              </div>
                <div class="modetwo" v-if="item.mode_type == 2">  
                <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Hosaddress.address}}</span></div> 
              </div>
              <div  v-if="item.mode_type == 3">
                 <div class="modeone">
                   <span>{{item.title}}:&nbsp;&nbsp;13318464642</span><br>
                   <span>{{item.title}}:&nbsp;&nbsp;13318464642</span><br>
                   <span>{{item.title}}:&nbsp;&nbsp;13318464642</span><br>
                  </div>
              </div>
               <div class="modefour" v-if="item.mode_type == 4">
                 <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Worktime.worktime}}</span></div>
              </div>
               <div class="modethree" v-if="item.mode_type == 5">
                 <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Rideway.ride_way}}</span></div>
              </div>
           </div>
        </div>
    </div>
</template>

<script>
import { getOrderModel } from '@/api/site/site' 
import { fchown } from 'fs';
    export default {
        name: "contact-us",
        data(){
          return{
            ordmodel:[],
            sstt:[
              "ss1",
              "ss2",
              "ss3",
              "ss4",
            ],
          }
        },
        methods:{
           getOrderModel(){
             getOrderModel().then(response=>{
                 if(response.data.state == 1){
                  var ordmodel = response.data.data.ordmodel;
                  this.ordmodel = response.data.data.ordmodel;
        
                  for (let index = 0; index < this.ordmodel.length; index++) {
                    var images = this.ordmodel[index].Oldration.rotation_images;     
                    console.log("images是什么?",images)              
                  }
                  console.log(images)
                  console.log("我爱你中国",ordmodel)
                 }
             })
           }
        },
        created(){
           this.getOrderModel();
        },     
       
    }
</script>

<style scoped>
  .us{
    width: 320px;
    height: 220px;
    /* border: solid 1px red; */
  }

  .hosname{
    width:300px;
    height: 30px; 
    /* border:solid 1px red; */
    margin-top: 20px;
    margin-left: 10px; 
    font-size: 20px;
    font-weight: 700;
  }

  .hosaddress{
    width:300px;
    height: 54px;  
    /* border:solid 1px red; */
    margin-left: 10px;   
  }
  .hosphone{
    width:300px;
    height: 30px;  
    /* border:solid 1px red; */
    margin-left: 10px;  
    font-size: 14px;
    margin-bottom: 5px;
  }

  .hostake{
    width:300px;
    height: 100px;  
    /* border:solid 1px red; */
    margin-left: 10px;  
    font-size: 14px;
    margin-bottom: 5px;  
  }

  .ordmodel{
    width:330px;
    height: 200px;
    border: solid 1px red;
    background-color: #666666;
  }

  .ss1{
    width: 320px;
    height: 220px;
    background-color: red;
  }
  .ss2{
    width:300px;
    height: 30px; 
    background-color: yellow;
    margin-top: 20px;
    margin-left: 10px; 
    font-size: 20px;
    font-weight: 700;
  }
  .modeone{
    width: 300px;
    height: 100%;
    /* background-color: red; */
    color: black;
    /* border:solid 1px red; */
    font-size: 14px;
    margin-bottom: 5px;
  }

  .modetwo{
    width: 300px;
    height: 100%;
    /* border: solid 1px red; */
    font-size: 14px;
    margin-bottom: 5px;
  }
  
   .modefour{
    width: 300px;
    height: 30px;
    color: black;
    /* border:solid 1px red; */
    font-size: 14px;
    margin-bottom: 5px;
  }

   .modethree{
    width: 300px;
    height: 100%;
    color: black;
    /* border:solid 1px red; */
    font-size: 14px;
    margin-bottom: 10px;
  }

  .modefive{
    width:315px;
    height: 200px;
    /* border: solid 1px red; */
    margin-bottom: 5px;
  }

  .rotation{
    width: 320px;
    height: 220px;
    /* border: solid 1px red; */
  }
</style>