<template>
  <van-cell-group>
    <van-field
        :value="value"
        :label="label"
        :placeholder="placeholder"
        required
        :disabled="disabled"
        @input="$emit('input', $event)"
        @blur="$emit('blurIn')"
        input-align="right"
    />
  </van-cell-group>
</template>

<script>
export default {
  name: "cellGroup",
  props:{
    label:{
      type:String,
      default:''
    },
    placeholder:{
      type:String,
      default: ''
    },
    value: [String, Number],
    disabled:{
      type:Boolean,
      default:false
    }
  },
  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(bold,14px);
  color: #323643;
  margin-left: 10px;
}
::v-deep .van-field__control{
  color: #323643;
  @include fontWeightSize(bold,13px);
}
</style>