代码调整

src/components/ProofItem.vue

@@ -43,7 +43,6 @@
 
 <script lang="ts">
 import { Component, Prop, Vue, Emit, Inject } from 'vue-property-decorator';
-import { Icon, Steps, Step, Collapse, CollapseItem } from 'vant';
 import { ChainStatus } from '@/const/enum';
 import { ChainStatusStr } from '@/const/constants';
 const classEnum: any = {
@@ -54,13 +53,6 @@ const classEnum: any = {
 };
 @Component({
   name: 'proof-item',
-  components: {
-    [Icon.name]: Icon,
-    [Steps.name]: Steps,
-    [Step.name]: Step,
-    [CollapseItem.name]: CollapseItem,
-    [Collapse.name]: Collapse,
-  },
 })
 export default class ProofItem extends Vue {
   @Inject('isSy') private isSy!: boolean;

src/components/TemplateDetail.vue

@@ -26,13 +26,9 @@
 
 <script lang="ts">
 import { Component, Prop, Vue } from 'vue-property-decorator';
-import { Field } from 'vant';
 import Types from '@/components/template/index';
 @Component({
   name: 'TemplateDetail',
-  components: {
-    [Field.name]: Field,
-  },
 })
 export default class TemplateDetail extends Vue {
   @Prop({

src/components/TemplateItem.vue

@@ -21,13 +21,8 @@
 
 <script lang="ts">
 import { Component, Prop, Vue } from 'vue-property-decorator';
-import { Icon, Image } from 'vant';
 @Component({
   name: 'TemplateItem',
-  components: {
-    [Icon.name]: Icon,
-    [Image.name]: Image,
-  },
 })
 export default class TemplateItem extends Vue {
   @Prop() private thumb!: string;

src/components/index.ts

 import { importAll } from '@/utils/utils';
 const components = importAll(require.context('@/components/', true,  /\.vue$/ ));
-import { List, Image, Empty, Field, Dialog, GridItem, Grid, Button, Popup, NavBar, SwipeCell } from 'vant';
+import {DatetimePicker, Picker, Uploader, Steps, Step, List, Image, Empty, Field, Dialog, GridItem, Grid, Button, Popup, NavBar, SwipeCell } from 'vant';
 export default {
     install(Vue: any) {
-        Vue.component(List.name, List);
-        Vue.component(Image.name, Image);
+        Vue.component(Button.name, Button);
+        Vue.component(Dialog.Component.name, Dialog.Component);
+        Vue.component(DatetimePicker.name, DatetimePicker);
         Vue.component(Empty.name, Empty);
         Vue.component(Field.name, Field);
         Vue.component(GridItem.name, GridItem);
         Vue.component(Grid.name, Grid);
-        Vue.component(Button.name, Button);
-        Vue.component(Popup.name, Popup);
-        Vue.component(Dialog.Component.name, Dialog.Component);
+        Vue.component(Image.name, Image);
+        Vue.component(List.name, List);
         Vue.component(NavBar.name, NavBar);
+        Vue.component(Picker.name, Picker);
+        Vue.component(Popup.name, Popup);
+        Vue.component(Steps.name, Steps);
+        Vue.component(Step.name, Step);
         Vue.component(SwipeCell.name, SwipeCell);
+        Vue.component(Uploader.name, Uploader);
         Object.keys(components).forEach((key: string) => {
             Vue.component(key, components[key]);
         });

src/components/template/TypeEight.vue

@@ -19,14 +19,8 @@
 
 <script lang="ts">
 import { Component, Prop, Model, Emit, Vue, Watch } from 'vue-property-decorator';
-import { Field, Uploader, Image } from 'vant';
 @Component({
   name: 'TypeEight',
-  components: {
-    [Field.name]: Field,
-    [Uploader.name]: Uploader,
-    [Image.name]: Image,
-  },
 })
 export default class TypeEight extends Vue {
   @Prop()

src/components/template/TypeFive.vue

@@ -19,14 +19,8 @@
 
 <script lang="ts">
 import { Component, Prop, Vue } from 'vue-property-decorator';
-import { Field, Picker, Popup} from 'vant';
 @Component({
   name: 'TypeFive',
-  components: {
-    [Field.name]: Field,
-    [Popup.name]: Popup,
-    [Picker.name]: Picker,
-  },
 })
 export default class TypeFive extends Vue {
   @Prop()

src/components/template/TypeNine.vue

@@ -17,14 +17,8 @@
 
 <script lang="ts">
 import { Component, Prop, Model, Emit, Vue, Watch } from 'vue-property-decorator';
-import { Field, Uploader, Image } from 'vant';
 @Component({
   name: 'TypeNine',
-  components: {
-    [Field.name]: Field,
-    [Uploader.name]: Uploader,
-    [Image.name]: Image,
-  },
 })
 export default class TypeNine extends Vue {
   @Prop()

src/components/template/TypeOne.vue

@@ -7,13 +7,8 @@
 
 <script lang="ts">
 import { Component, Prop, Model, Emit, Vue, Watch } from 'vue-property-decorator';
-import { Field, Uploader } from 'vant';
 @Component({
   name: 'TypeOne',
-  components: {
-    [Field.name]: Field,
-    [Uploader.name]: Uploader,
-  },
 })
 export default class TypeOne extends Vue {
   @Prop()

src/components/template/TypeSix.vue

@@ -20,16 +20,7 @@
 
 <script lang="ts">
 import { Component, Prop, Vue } from 'vue-property-decorator';
-import { Field, Popup, DatetimePicker} from 'vant';
 import filter from '@/filter/filters.ts';
-@Component({
-  name: 'TypeSix',
-  components: {
-    [Field.name]: Field,
-    [Popup.name]: Popup,
-    [DatetimePicker.name]: DatetimePicker,
-  },
-})
 export default class TypeSix extends Vue {
   @Prop()
   private proofSubItem: any;

src/components/template/TypeTen.vue

@@ -14,12 +14,8 @@
 
 <script lang="ts">
 import { Component, Prop, Model, Emit, Vue } from 'vue-property-decorator';
-import { Field } from 'vant';
 @Component({
   name: 'TypeTen',
-  components: {
-    [Field.name]: Field,
-  },
 })
 export default class TypeTen extends Vue {
   @Prop()

src/components/template/TypeThree.vue

@@ -16,8 +16,6 @@ import { Component, Prop, Model, Emit, Vue } from 'vue-property-decorator';
 import Types from '@/components/template/index';
 @Component({
   name: 'TypeThree',
-  components: {
-  },
 })
 export default class TypeThree extends Vue {
   @Prop()

src/components/template/TypeTwo.vue

@@ -18,14 +18,8 @@
 
 <script lang="ts">
 import { Component, Prop, Model, Emit, Vue, Watch } from 'vue-property-decorator';
-import { Field, Uploader, Image } from 'vant';
 @Component({
   name: 'TypeTwo',
-  components: {
-    [Field.name]: Field,
-    [Uploader.name]: Uploader,
-    [Image.name]: Image,
-  },
 })
 export default class TypeTwo extends Vue {
   @Prop()

src/components/template/TypeZero.vue

@@ -6,12 +6,8 @@
 
 <script lang="ts">
 import { Component, Prop, Model, Emit, Vue } from 'vue-property-decorator';
-import { Field } from 'vant';
 @Component({
   name: 'TypeZero',
-  components: {
-    [Field.name]: Field,
-  },
 })
 export default class TypeZero extends Vue {
   @Prop()