test/vue-demo
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

完成list列表适应

Browse Source
This commit is contained in:
eson 2021-03-09 19:19:19 +08:00
parent dd255bf308
commit dc534a020e
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/index.html
View File

@ -14,6 +14,5 @@
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript> </noscript>
<div id="app"></div> <div id="app"></div>
</body> </body>
</html> </html>

19
src/components/MenuContentList.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<v-list color="transparent"> <v-list color="transparent">
<v-btn icon> <!-- <v-btn icon>
<v-icon>mdi-magnify</v-icon> <v-icon>mdi-magnify</v-icon>
</v-btn> </v-btn>-->
<v-spacer></v-spacer> <!-- <v-spacer></v-spacer> -->
<v-list-item v-for="n in 5" :key="n" link> <v-list-item v-for="n in 5" :key="n" link>
<v-list-item-content> <v-list-item-content>
@ -15,11 +15,20 @@
<!-- 分割线 --> <!-- 分割线 -->
<v-divider class="my-2"></v-divider> <v-divider class="my-2"></v-divider>
<v-list-item link color="grey lighten-4"> <v-list-group no-action>
<template v-slot:activator>
<v-list-item-content> <v-list-item-content>
<v-list-item-title>Refresh</v-list-item-title> <v-list-item-title>User</v-list-item-title>
</v-list-item-content>
</template>
<v-list-item v-for="n in 5" :key="n" link style="padding-left: 0px" >
<v-list-item-content>
<v-list-item-title>List Item {{ n }}</v-list-item-title>
</v-list-item-content> </v-list-item-content>
</v-list-item> </v-list-item>
</v-list-group>
</v-list> </v-list>
</template> </template>