first

src/components/twoBtnCommon.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="btn">
+    <button class="cancel" @click="cancelClick">{{ title1 }}</button>
+    <button class="submit" @click="submitClick">{{ title2}}</button>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "twoBtnCommon",
+  props:{
+    title1:{
+      type:String,
+      default:"取消"
+    },
+    title2:{
+      type:String,
+      default: '提交'
+    }
+  },
+  methods:{
+    cancelClick(){
+      this.$emit('cancelClick')
+    },
+    submitClick(){
+      this.$emit('submitClick')
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "@/styles/mixin.scss";
+.btn{
+  @include flexColBet;
+  button{
+    @include whLin(152px,39px);
+    border-radius: 5px;
+    color: #FFFFFF;
+    border: none;
+    @include fontWeightSize(500,14px)
+  }
+  .cancel{
+    background: #9EA7C0;
+  }
+  .submit{
+    background-color: #354D93;
+  }
+}
+</style>