适应移动端

<template>
  <div class="content">
    <v-layout row wrap>
         <v-flex xs12 sm12 md9 lg9>
           <div style="margin：0 auto;">
              <v-layout row wrap>
                <v-flex  md1 lg2>
                  .
                </v-flex>  
                 <v-flex xs12 sm12 md11 lg10>
                    <article class="gaia" style="max-width:800px;">
                      <Content title="最新热门电影" v-bind:row=myRow />
                    </article>
                 </v-flex>
              </v-layout>
           </div>
         </v-flex>
         <v-flex xs12 sm12 md3 lg3>
            <aside>
              <List />
            </aside>
         </v-flex>
    </v-layout>
  </div>
</template>

 

转载于:https://www.cnblogs.com/cnchengv/p/11217516.html