first

src/components/cellGroup.vue

@@ -0,0 +1,63 @@
+<template>
+  <van-cell-group>
+    <van-field
+        :value="value"
+        :label="label"
+        :placeholder="placeholder"
+        required
+        @input="$emit('input', $event)"
+        input-align="right"
+    />
+  </van-cell-group>
+</template>
+
+<script>
+export default {
+  name: "cellGroup",
+  props:{
+    label:{
+      type:String,
+      default:''
+    },
+    placeholder:{
+      type:String,
+      default: ''
+    },
+    value: [String, Number]
+  },
+  data(){
+    return{
+        name:''
+    }
+  },
+  mounted() {
+    // this.name='我是测试东西'
+  },
+  methods:{
+
+  }
+}
+</script>
+
+<style scoped>
+::v-deep .van-cell{
+  padding:0 25px 0 0;
+  line-height: 57px;
+}
+::v-deep .van-cell--required::before{
+  background-image: url("@/assets/start.png");
+  background-repeat: no-repeat;
+  position: absolute;
+  left: 0;
+  top: 25px;
+  width: 8px;
+  height: 8px;
+  margin-right: 3px;
+  content:''
+}
+::v-deep  .van-field__label{
+  color: #323643;
+  margin-left: 20px;
+
+}
+</style>

src/components/commonBtn.vue

@@ -0,0 +1,35 @@
+<template>
+  <div class="button" @click="clickHandler">
+    {{ title }}
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "commonBtn",
+    props: {
+      title: {
+        type: String,
+        default: '提交'
+      }
+    },
+    methods: {
+      clickHandler() {
+        this.$emit('submitClick')
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+@import "@/styles/mixin.scss";
+.button {
+  position: fixed;
+  bottom: 30px;
+  border-radius: 5px;
+  text-align: center;
+  @include bgFontColor(#FFFFFF,#354D93);
+  @include fontWeightSize(500,15px);
+  @include whLin(88%,48px);
+}
+</style>

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>