修复警告
修复警告
This commit is contained in:
parent
644c37b3b3
commit
8ac8d1ed96
6 changed files with 12 additions and 20 deletions
|
@ -1,15 +1,15 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<Progress :percent="percent"></Progress>
|
<i-progress :percent="percent"></i-progress>
|
||||||
<Button-group size="large">
|
<Button-group size="large">
|
||||||
<Button icon="ios-plus-empty" @click.native="add"></Button>
|
<Button icon="ios-plus-empty" @click.native="add"></Button>
|
||||||
<Button icon="ios-minus-empty" @click.native="minus"></Button>
|
<Button icon="ios-minus-empty" @click.native="minus"></Button>
|
||||||
</Button-group>
|
</Button-group>
|
||||||
<Progress :percent="25" :stroke-width="5"></Progress>
|
<i-progress :percent="25" :stroke-width="5"></i-progress>
|
||||||
<Progress :percent="100">
|
<i-progress :percent="100">
|
||||||
<Icon type="checkmark-circled"></Icon>
|
<Icon type="checkmark-circled"></Icon>
|
||||||
<span>成功</span>
|
<span>成功</span>
|
||||||
</Progress>
|
</i-progress>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
|
@ -45,7 +45,7 @@
|
||||||
<Step title="步骤4"></Step>
|
<Step title="步骤4"></Step>
|
||||||
</Steps>
|
</Steps>
|
||||||
<br>
|
<br>
|
||||||
<Button type="primary" @click.native="next">下一步</Button>
|
<i-button type="primary" @click.native="next">下一步</i-button>
|
||||||
<br><br><br>
|
<br><br><br>
|
||||||
<Steps :current="1" direction="vertical" size="small">
|
<Steps :current="1" direction="vertical" size="small">
|
||||||
<Step title="已完成" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
|
<Step title="已完成" content="这里是该步骤的描述信息这里是该步骤的描述信息这里是该步骤的描述信息"></Step>
|
||||||
|
@ -63,16 +63,7 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { Steps, Button } from 'iview';
|
|
||||||
|
|
||||||
const Step = Steps.Step;
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
|
||||||
Steps,
|
|
||||||
Step,
|
|
||||||
Button
|
|
||||||
},
|
|
||||||
props: {
|
props: {
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<Progress v-if="item.showProgress" :percent="item.percentage" hide-info></Progress>
|
<i-progress v-if="item.showProgress" :percent="item.percentage" hide-info></i-progress>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
<Upload
|
<Upload
|
||||||
|
|
|
@ -3,6 +3,7 @@
|
||||||
<ul v-if="data && data.length" :class="[prefixCls + '-menu']">
|
<ul v-if="data && data.length" :class="[prefixCls + '-menu']">
|
||||||
<Casitem
|
<Casitem
|
||||||
v-for="item in data"
|
v-for="item in data"
|
||||||
|
:key="item"
|
||||||
:prefix-cls="prefixCls"
|
:prefix-cls="prefixCls"
|
||||||
:data="item"
|
:data="item"
|
||||||
:tmp-item="tmpItem"
|
:tmp-item="tmpItem"
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<div v-if="showSizer || showElevator" :class="optsClasses">
|
<div v-if="showSizer || showElevator" :class="optsClasses">
|
||||||
<div v-if="showSizer" :class="sizerClasses">
|
<div v-if="showSizer" :class="sizerClasses">
|
||||||
<i-select v-model="currentPageSize" :size="size" @on-change="changeSize">
|
<i-select v-model="currentPageSize" :size="size" @on-change="changeSize">
|
||||||
<i-option v-for="item in pageSizeOpts" :value="item" style="text-align:center;">{{ item }} {{ t('i.page.page') }}</i-option>
|
<i-option v-for="item in pageSizeOpts" :key="item" :value="item" style="text-align:center;">{{ item }} {{ t('i.page.page') }}</i-option>
|
||||||
</i-select>
|
</i-select>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="showElevator" :class="ElevatorClasses">
|
<div v-if="showElevator" :class="ElevatorClasses">
|
||||||
|
|
|
@ -13,23 +13,23 @@
|
||||||
v-show="file.status === 'finished'"
|
v-show="file.status === 'finished'"
|
||||||
@click.native="handleRemove(file)"></Icon>
|
@click.native="handleRemove(file)"></Icon>
|
||||||
<transition name="fade">
|
<transition name="fade">
|
||||||
<Progress
|
<i-progress
|
||||||
v-if="file.showProgress"
|
v-if="file.showProgress"
|
||||||
:stroke-width="2"
|
:stroke-width="2"
|
||||||
:percent="parsePercentage(file.percentage)"
|
:percent="parsePercentage(file.percentage)"
|
||||||
:status="file.status === 'finished' && file.showProgress ? 'success' : 'normal'"></Progress>
|
:status="file.status === 'finished' && file.showProgress ? 'success' : 'normal'"></i-progress>
|
||||||
</transition>
|
</transition>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import Icon from '../icon/icon.vue';
|
import Icon from '../icon/icon.vue';
|
||||||
import Progress from '../progress/progress.vue';
|
import iProgress from '../progress/progress.vue';
|
||||||
const prefixCls = 'ivu-upload';
|
const prefixCls = 'ivu-upload';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'UploadList',
|
name: 'UploadList',
|
||||||
components: { Icon, Progress },
|
components: { Icon, iProgress },
|
||||||
props: {
|
props: {
|
||||||
files: {
|
files: {
|
||||||
type: Array,
|
type: Array,
|
||||||
|
|
Loading…
Add table
Reference in a new issue