修改单选列表样式

src/components/app-mob-radio-list/app-mob-radio-list.less

+.van-radio-group{
+    justify-content: flex-end;
+}
\ No newline at end of file

src/components/app-mob-radio-list/app-mob-radio-list.vue

 <template>
     <ion-list class="app-mobile-radio-list">
-        <ion-radio-group  :value="value" @ionChange="change">
-        <ion-item class="app-mobile-radio-list-item"  v-for="(item,index) in options" :key="index">
-            <ion-label>{{item.text}}</ion-label>
-            <ion-radio  :disabled="item.disabled" color="success" :value="item.value"></ion-radio>  
-        </ion-item>
-        </ion-radio-group>
+        <van-radio-group v-model="changeValue" direction="horizontal" @change="change">
+            <div class="app-mobile-radio-list-item"  v-for="(item,index) in options" :key="index">
+                <van-radio :disabled="item.disabled" color="#1989fa" :name="item.value">{{item.text}}</van-radio>
+            </div>
+        </van-radio-group>
     </ion-list>
 </template>
 
@@ -58,6 +57,14 @@ export default class AppMobRadio extends Vue {
      */
     @Prop() public value?: any;
 
+    /**
+     * 输入值变化后的值
+     *
+     * @type {any}
+     * @memberof AppMobRadio
+     */
+    public changeValue?: any = this.value;
+
     /**
      * 禁用
      *
@@ -73,7 +80,7 @@ export default class AppMobRadio extends Vue {
      * @memberof AppMobRadio
      */
     public change(data: any) {
-        this.$emit("change", data.detail.value);
+        this.$emit("change", this.changeValue);
     }
 
     /**