<!-- 单选框组件 created by LLQ 2019/5/8 -->
<template>
  <div>
    <md-radio class="md-primary" @change="changes" :key="item.dicKey" v-model="radios" v-for="item in radiolist"
              :value="item.dicKey">{{item.dicValue}}
    </md-radio>
  </div>

</template>

<script>
  import Vue from 'vue'
  import {MdRadio} from 'vue-material/dist/components'
  Vue.use(MdRadio)
  import {postApi, getApi} from "../../../api/commonApi"
  export default {
    name: "lbRadio",
    props: ['radiolist', 'radios'],
    data() {
      return {}
    },
    components: {},
    watch: {
      radios(value){

        console.log(value)
      }
    },
    mounted() {

    },
    created() {
    },
    methods: {
      changes(){
        this.$emit('changes', this.radios)
      }


    }
  }
</script>

<style scoped>
  @import 'lbRadio.css';
</style>
<style>
  /* redio单选 全局 */
  .md-radio.md-theme-default.md-checked .md-radio-container {
    border-color: #6469CC !important;
  }

  .md-radio.md-theme-default.md-checked .md-radio-container:after {
    background-color: #6469CC !important;
  }

  .md-radio .md-radio-container {
    width: 17px;
    min-width: 17px;
    height: 17px;
  }

  .md-radio .md-radio-container {
    border: 1px solid transparent
  }
</style>
