头像上传功能、性别选择

Yi.Vue2.x.Vuetify/src/plugins/app.js

@@ -0,0 +1,20 @@
+/**
+ * plugins/app.js
+ *
+ * Automatically loads and bootstraps files
+ * in the `./src/components/` folder.
+ */
+
+// Imports
+import Vue from 'vue'
+
+const requireComponent = require.context('@/components', true, /\.vue$/)
+
+for (const file of requireComponent.keys()) {
+  const componentConfig = requireComponent(file)
+
+  Vue.component(
+    componentConfig.default.name,
+    componentConfig.default || componentConfig,
+  )
+}

Yi.Vue2.x.Vuetify/src/plugins/chartist.js

@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import 'chartist/dist/chartist.min.css'
+
+Vue.use(require('vue-chartist'))

Yi.Vue2.x.Vuetify/src/plugins/index.js

@@ -0,0 +1,6 @@
+// Automatically included in './src/main.js'
+
+import './app'
+import './chartist'
+// import './webfontloader'
+// import './vue-meta'

Yi.Vue2.x.Vuetify/src/plugins/vuetify.js

@@ -0,0 +1,39 @@
+// Vuetify Documentation https://vuetifyjs.com
+
+import Vue from 'vue'
+import Vuetify from 'vuetify/lib/framework'
+import ripple from 'vuetify/lib/directives/ripple'
+import zhHans from 'vuetify/es5/locale/zh-Hans'   // 引入中文语言包
+import 'typeface-roboto/index.css'    // 引入本地的Roboto字体资源
+import '@mdi/font/css/materialdesignicons.css'  // 引入本地的Material Design Icons资源
+
+
+Vue.use(Vuetify, { directives: { ripple } })
+
+const theme = {
+    primary: '#E91E63',
+    secondary: '#9C27b0',
+    accent: '#e91e63',
+    info: '#00CAE3',
+    success: '#4CAF50',
+    warning: '#FB8C00',
+    error: '#FF5252',
+}
+
+export default new Vuetify({
+    lang:{
+        locales: {zhHans},
+        current: 'zhHans'
+      },
+    breakpoint: { mobileBreakpoint: 960 },
+    icons: {
+        iconfont: 'mdi',
+        values: { expand: 'mdi-menu-down' },
+    },
+    theme: {
+        themes: {
+            dark: theme,
+            light: theme,
+        },
+    },
+})