📝 improve store display effect

This commit is contained in:
StarHeartHunt 2021-04-05 13:32:36 +08:00
parent d1a438a287
commit 20e1bf9624
5 changed files with 32 additions and 42 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<v-card flat class="adapters"> <v-card flat class="adapters">
<v-row> <v-row class="justify-center">
<v-col cols="12" sm="4"> <v-col cols="12" sm="6">
<v-text-field <v-text-field
v-model="filterText" v-model="filterText"
dense dense
@ -9,7 +9,7 @@
outlined outlined
clearable clearable
hide-details hide-details
label="Filter Adapter" label="搜索适配器"
> >
<template v-slot:prepend-inner> <template v-slot:prepend-inner>
<div class="v-input__icon v-input__icon--prepend-inner"> <div class="v-input__icon v-input__icon--prepend-inner">
@ -18,16 +18,16 @@
</template> </template>
</v-text-field> </v-text-field>
</v-col> </v-col>
<v-col cols="12" sm="4"> <v-col cols="12" sm="6">
<v-dialog v-model="dialog" max-width="600px"> <v-dialog v-model="dialog" max-width="600px">
<template v-slot:activator="{ on, attrs }"> <template v-slot:activator="{ on, attrs }">
<v-btn dark block color="primary" v-bind="attrs" v-on="on" <v-btn dark block color="primary" v-bind="attrs" v-on="on"
>Publish Your Adapter >发布适配器
</v-btn> </v-btn>
</template> </template>
<v-card> <v-card>
<v-card-title> <v-card-title>
<span class="headline">Adapter Information</span> <span class="headline">适配器信息</span>
</v-card-title> </v-card-title>
<v-card-text> <v-card-text>
<v-form ref="newAdapterForm" v-model="valid" lazy-validation> <v-form ref="newAdapterForm" v-model="valid" lazy-validation>
@ -75,7 +75,7 @@
<v-card-actions> <v-card-actions>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="dialog = false"> <v-btn color="blue darken-1" text @click="dialog = false">
Close 关闭
</v-btn> </v-btn>
<v-btn <v-btn
:disabled="!valid" :disabled="!valid"
@ -86,22 +86,20 @@
publishAdapter(); publishAdapter();
" "
> >
Publish 发布
</v-btn> </v-btn>
</v-card-actions> </v-card-actions>
</v-card> </v-card>
</v-dialog> </v-dialog>
</v-col> </v-col>
<v-col cols="12" sm="4"> </v-row>
<v-col cols="12">
<v-pagination <v-pagination
v-model="page" v-model="page"
:length="pageNum" :length="pageNum"
prev-icon="fa-caret-left" prev-icon="fa-caret-left"
next-icon="fa-caret-right" next-icon="fa-caret-right"
></v-pagination> ></v-pagination></v-col>
</v-col>
</v-row>
<hr />
<v-row> <v-row>
<v-col <v-col
cols="12" cols="12"
@ -118,7 +116,6 @@
></PublishCard> ></PublishCard>
</v-col> </v-col>
</v-row> </v-row>
<v-row>
<v-col cols="12"> <v-col cols="12">
<v-pagination <v-pagination
v-model="page" v-model="page"
@ -127,7 +124,6 @@
next-icon="fa-caret-right" next-icon="fa-caret-right"
></v-pagination> ></v-pagination>
</v-col> </v-col>
</v-row>
</v-card> </v-card>
</template> </template>

View File

@ -1,7 +1,7 @@
<template> <template>
<v-card flat class="bots"> <v-card flat class="bots">
<v-row> <v-row>
<v-col cols="12" sm="4"> <v-col cols="12" sm="6">
<v-text-field <v-text-field
v-model="filterText" v-model="filterText"
dense dense
@ -9,7 +9,7 @@
outlined outlined
clearable clearable
hide-details hide-details
label="Filter Bot" label="搜索机器人"
> >
<template v-slot:prepend-inner> <template v-slot:prepend-inner>
<div class="v-input__icon v-input__icon--prepend-inner"> <div class="v-input__icon v-input__icon--prepend-inner">
@ -18,16 +18,16 @@
</template> </template>
</v-text-field> </v-text-field>
</v-col> </v-col>
<v-col cols="12" sm="4"> <v-col cols="12" sm="6">
<v-dialog v-model="dialog" max-width="600px"> <v-dialog v-model="dialog" max-width="600px">
<template v-slot:activator="{ on, attrs }"> <template v-slot:activator="{ on, attrs }">
<v-btn dark block color="primary" v-bind="attrs" v-on="on" <v-btn dark block color="primary" v-bind="attrs" v-on="on"
>Publish Your Bot >发布机器人
</v-btn> </v-btn>
</template> </template>
<v-card> <v-card>
<v-card-title> <v-card-title>
<span class="headline">Bot Information</span> <span class="headline">机器人信息</span>
</v-card-title> </v-card-title>
<v-card-text> <v-card-text>
<v-form ref="newBotForm" v-model="valid" lazy-validation> <v-form ref="newBotForm" v-model="valid" lazy-validation>
@ -61,7 +61,7 @@
<v-card-actions> <v-card-actions>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="dialog = false"> <v-btn color="blue darken-1" text @click="dialog = false">
Close 关闭
</v-btn> </v-btn>
<v-btn <v-btn
:disabled="!valid" :disabled="!valid"
@ -72,13 +72,14 @@
publishBot(); publishBot();
" "
> >
Publish 发布
</v-btn> </v-btn>
</v-card-actions> </v-card-actions>
</v-card> </v-card>
</v-dialog> </v-dialog>
</v-col> </v-col>
<v-col cols="12" sm="4"> </v-row>
<v-col cols="12">
<v-pagination <v-pagination
v-model="page" v-model="page"
:length="pageNum" :length="pageNum"
@ -86,8 +87,6 @@
next-icon="fa-caret-right" next-icon="fa-caret-right"
></v-pagination> ></v-pagination>
</v-col> </v-col>
</v-row>
<hr />
<v-row> <v-row>
<v-col cols="12" sm="6" v-for="(bot, index) in displayBots" :key="index"> <v-col cols="12" sm="6" v-for="(bot, index) in displayBots" :key="index">
<PublishCard <PublishCard
@ -98,7 +97,6 @@
></PublishCard> ></PublishCard>
</v-col> </v-col>
</v-row> </v-row>
<v-row>
<v-col cols="12"> <v-col cols="12">
<v-pagination <v-pagination
v-model="page" v-model="page"
@ -107,7 +105,6 @@
next-icon="fa-caret-right" next-icon="fa-caret-right"
></v-pagination> ></v-pagination>
</v-col> </v-col>
</v-row>
</v-card> </v-card>
</template> </template>

View File

@ -1,7 +1,7 @@
<template> <template>
<v-card flat class="plugins"> <v-card flat class="plugins">
<v-row> <v-row>
<v-col cols="12" sm="4"> <v-col cols="12" sm="6">
<v-text-field <v-text-field
v-model="filterText" v-model="filterText"
dense dense
@ -9,7 +9,7 @@
outlined outlined
clearable clearable
hide-details hide-details
label="Filter Plugin" label="搜索插件"
> >
<template v-slot:prepend-inner> <template v-slot:prepend-inner>
<div class="v-input__icon v-input__icon--prepend-inner"> <div class="v-input__icon v-input__icon--prepend-inner">
@ -18,16 +18,16 @@
</template> </template>
</v-text-field> </v-text-field>
</v-col> </v-col>
<v-col cols="12" sm="4"> <v-col cols="12" sm="6">
<v-dialog v-model="dialog" max-width="600px"> <v-dialog v-model="dialog" max-width="600px">
<template v-slot:activator="{ on, attrs }"> <template v-slot:activator="{ on, attrs }">
<v-btn dark block color="primary" v-bind="attrs" v-on="on" <v-btn dark block color="primary" v-bind="attrs" v-on="on"
>Publish Your Plugin >发布插件
</v-btn> </v-btn>
</template> </template>
<v-card> <v-card>
<v-card-title> <v-card-title>
<span class="headline">Plugin Information</span> <span class="headline">插件信息</span>
</v-card-title> </v-card-title>
<v-card-text> <v-card-text>
<v-form ref="newPluginForm" v-model="valid" lazy-validation> <v-form ref="newPluginForm" v-model="valid" lazy-validation>
@ -75,7 +75,7 @@
<v-card-actions> <v-card-actions>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="dialog = false"> <v-btn color="blue darken-1" text @click="dialog = false">
Close 关闭
</v-btn> </v-btn>
<v-btn <v-btn
:disabled="!valid" :disabled="!valid"
@ -86,13 +86,14 @@
publishPlugin(); publishPlugin();
" "
> >
Publish 发布
</v-btn> </v-btn>
</v-card-actions> </v-card-actions>
</v-card> </v-card>
</v-dialog> </v-dialog>
</v-col> </v-col>
<v-col cols="12" sm="4"> </v-row>
<v-col cols="12">
<v-pagination <v-pagination
v-model="page" v-model="page"
:length="pageNum" :length="pageNum"
@ -100,8 +101,6 @@
next-icon="fa-caret-right" next-icon="fa-caret-right"
></v-pagination> ></v-pagination>
</v-col> </v-col>
</v-row>
<hr />
<v-row> <v-row>
<v-col <v-col
cols="12" cols="12"
@ -115,12 +114,11 @@
:id="plugin.id" :id="plugin.id"
:author="plugin.author" :author="plugin.author"
:link="plugin.repo" :link="plugin.repo"
text="copy nb install command" text="点此复制安装命令"
:command="`nb plugin install ${plugin.id}`" :command="`nb plugin install ${plugin.id}`"
></PublishCard> ></PublishCard>
</v-col> </v-col>
</v-row> </v-row>
<v-row>
<v-col cols="12"> <v-col cols="12">
<v-pagination <v-pagination
v-model="page" v-model="page"
@ -129,7 +127,6 @@
next-icon="fa-caret-right" next-icon="fa-caret-right"
></v-pagination> ></v-pagination>
</v-col> </v-col>
</v-row>
</v-card> </v-card>
</template> </template>

View File

@ -28,7 +28,7 @@
{{ text }} {{ text }}
<v-icon right small>fa-copy</v-icon> <v-icon right small>fa-copy</v-icon>
</v-btn> </v-btn>
<v-snackbar v-model="snackbar">Copied!</v-snackbar> <v-snackbar v-model="snackbar">复制成功</v-snackbar>
</v-card-actions> </v-card-actions>
</v-card> </v-card>
</template> </template>

View File

@ -10,7 +10,7 @@
}}</v-tab> }}</v-tab>
</v-tabs> </v-tabs>
</v-toolbar> </v-toolbar>
<v-tabs-items class="sub-item" v-model="tab"> <v-tabs-items class="sub-item pt-1" v-model="tab">
<v-tab-item> <v-tab-item>
<Adapter></Adapter> <Adapter></Adapter>
</v-tab-item> </v-tab-item>