| | |
|---|
| | | </el-text> |
|---|
| | | </el-row> |
|---|
| | | </template> --> |
|---|
| | | <el-button icon="Plus" @click="addAdvice"></el-button> |
|---|
| | | <el-button icon="Minus" @click="removeAdvice"></el-button> |
|---|
| | | <el-scrollbar height="200"> |
|---|
| | | <TransitionGroup name="list"> |
|---|
| | | <div v-for="(item, index) in analysisResultList" :key="index"> |
|---|
| | | <template v-if="index == 0"> |
|---|
| | |
|---|
| | | </template> |
|---|
| | | </div> |
|---|
| | | </TransitionGroup> |
|---|
| | | </el-scrollbar> |
|---|
| | | </template> |
|---|
| | | <template #footer> </template> |
|---|
| | | </CardDialog> |
|---|
| | |
|---|
| | | function timeFormatter(time) { |
|---|
| | | return moment(time).format('YYYY-MM-DD HH:mm:ss'); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function addAdvice() { |
|---|
| | | analysisResultList.unshift(analysisResultList[0]); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function removeAdvice() { |
|---|
| | | analysisResultList.splice(0, 1); |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | <style scoped> |
|---|
| | | :deep(.el-text) { |
|---|
| | |
|---|
| | | /* color: #ffd82a; */ |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | <style> |
|---|
| | | <!-- <style> |
|---|
| | | .list-move, /* 对移动中的元素应用的过渡 */ |
|---|
| | | .list-enter-active, |
|---|
| | | .list-leave-active { |
|---|
| | |
|---|
| | | .list-enter-from, |
|---|
| | | .list-leave-to { |
|---|
| | | opacity: 0; |
|---|
| | | transform: translateX(30px); |
|---|
| | | transform: translateX(-30px); |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 确保将离开的元素从布局流中删除 |
|---|
| | |
|---|
| | | .list-leave-active { |
|---|
| | | position: absolute; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </style> --> |
|---|
