<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 lang="scss">
@import "@/styles/mixin.scss";
::v-deep .van-cell{
  padding:0 25px 0 0;
  line-height: 57px;
}
::v-deep .van-cell--required::before{
  content:'';
  background: url("@/assets/start.png") no-repeat center/cover;
  position: absolute;
  left: 0;
  top: 45%;
  transform: translateY(-50%);
  @include widHeiMar(6px,6px,3px);
}
::v-deep  .van-field__label{
  @include fontWeightSize(500,14px);
  color: #323643;
  margin-left: 10px;
}
::v-deep .van-field__control{
  color: #323643;
  @include fontWeightSize(500,13px);
}
</style>