createteam界面

src/components/Team/teambtn.vue

+<template>
+  <div class="teambtn">
+     <button class=" w-full bg-myblue rounded-3xl text-center h-10 text-white block "
+             @click="handleClick">
+       {{title}}
+       </button>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+
+
+export default Vue.extend({
+  name:'teambtn',
+  props:{
+    title:{
+      type:String,
+      default:'确定'
+    }
+  },
+  methods:{
+    handleClick(){
+      console.log('被点击了');
+      
+    }
+  }
+});
+</script>
+
+<style lang="less">
+</style>

tailwind.config.js

@@ -94,6 +94,7 @@ module.exports = {
     backgroundColor: theme => ({
       ...theme('colors'),
       'mygray': '#F6F7F8',
+      'myblue': '#32B2F7'
      }),
     backgroundImage: {
       none: 'none',
@@ -711,8 +712,9 @@ module.exports = {
     },
     textColor: (theme) => theme('colors'),
     textColor:{
-    'mygray':'#8A97A5',
-    'darkgray':'#24374E'
+      'mygray':'#8A97A5',
+      'darkgray':'#24374E',
+      'white':'#FFFFFF',
     },
     textOpacity: (theme) => theme('opacity'),
     transformOrigin: {