|
|
@@ -4,16 +4,15 @@
|
|
|
<P>自定义样式,和图片预览</P>
|
|
|
<div>
|
|
|
<div class="preview-img-box">
|
|
|
- <transition name="fade">
|
|
|
- <div class="img-list" v-if="previewImg">
|
|
|
- <img-cell v-for="(item,index) in previewImg"
|
|
|
- :key="index"
|
|
|
- :src="item"
|
|
|
- :clear="()=>{clearImg(index)}"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </transition>
|
|
|
- <nut-uploader
|
|
|
+
|
|
|
+ <div class="img-list">
|
|
|
+ <img-cell v-for="(item,index) in previewImg"
|
|
|
+ :key="index"
|
|
|
+ :src="item"
|
|
|
+ :clear="()=>{clearImg(index)}"
|
|
|
+ />
|
|
|
+
|
|
|
+ <nut-uploader
|
|
|
class="demo-1"
|
|
|
:name="name"
|
|
|
:url="url"
|
|
|
@@ -26,7 +25,10 @@
|
|
|
@start="demo1UploadStart"
|
|
|
@showMsg="showMsg"
|
|
|
:multiple="true"
|
|
|
- >+</nut-uploader>
|
|
|
+ >+</nut-uploader>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
@@ -248,5 +250,6 @@ export default {
|
|
|
display: flex;
|
|
|
padding: 10px ;
|
|
|
flex-wrap: wrap;
|
|
|
+
|
|
|
}
|
|
|
</style>
|