fix v-col

This commit is contained in:
Andy Bunce 2017-05-23 22:32:15 +01:00
parent 40a9afb8b5
commit f3aeff3c1c
3 changed files with 15 additions and 13 deletions

View File

@ -425,19 +425,20 @@ const Select=Vue.extend({
</v-card-title> </v-card-title>
</v-card-row> </v-card-row>
<v-card-text> <v-card-text>
<v-card-row> <v-layout>
<v-col xs6="">
<v-flex xs6="">
<p>some text</p> <p>some text</p>
<multiselect v-model="value" :options="options" @search-change="asyncFind" :loading="isLoading" placeholder="select one"></multiselect> <multiselect v-model="value" :options="options" @search-change="asyncFind" :loading="isLoading" placeholder="select one"></multiselect>
<pre>{{$data.value }}</pre> <pre>{{$data.value }}</pre>
</v-col> </v-flex>
<v-col xs6=""> <v-flex xs6="">
<p>multi select</p> <p>multi select</p>
<multiselect v-model="value2" :options="options" multiple="" placeholder="Select many"></multiselect> <multiselect v-model="value2" :options="options" multiple="" placeholder="Select many"></multiselect>
<pre>{{$data.value2 }}</pre> <pre>{{$data.value2 }}</pre>
</v-col> </v-flex>
</v-card-row> </v-layout>
</v-card-text> </v-card-text>
<v-card> <v-card>
</v-card></v-card></v-container> </v-card></v-card></v-container>

View File

@ -55,7 +55,7 @@
<v-divider></v-divider> <v-divider></v-divider>
<v-list-item v-for="item in items" :key="item"> <v-list-item v-for="item in items" :key="item">
<v-list-tile :href="item.href" router="true" ripple="true"> <v-list-tile :href="item.href" router ripple>
<v-list-tile-action> <v-list-tile-action>
<v-icon>{{ item.icon }}</v-icon> <v-icon>{{ item.icon }}</v-icon>

View File

@ -9,21 +9,22 @@
</v-card-title> </v-card-title>
</v-card-row> </v-card-row>
<v-card-text> <v-card-text>
<v-card-row> <v-layout>
<v-col xs6>
<v-flex xs6>
<p>some text</p> <p>some text</p>
<multiselect v-model="value" :options="options" @search-change="asyncFind" :loading="isLoading" <multiselect v-model="value" :options="options" @search-change="asyncFind" :loading="isLoading"
placeholder="select one"></multiselect> placeholder="select one"></multiselect>
<pre>{{$data.value }}</pre> <pre>{{$data.value }}</pre>
</v-col> </v-flex>
<v-col xs6 > <v-flex xs6 >
<p>multi select</p> <p>multi select</p>
<multiselect v-model="value2" :options="options" multiple <multiselect v-model="value2" :options="options" multiple
placeholder="Select many"></multiselect> placeholder="Select many"></multiselect>
<pre>{{$data.value2 }}</pre> <pre>{{$data.value2 }}</pre>
</v-col> </v-flex>
</v-card-row> </v-layout>
</v-card-text> </v-card-text>
<v-card> <v-card>
</v-container> </v-container>