|
|
@@ -52,7 +52,7 @@
|
|
|
</div>
|
|
|
<div class="m-m-formImage">
|
|
|
<div class="m-m-fi-imageList">
|
|
|
- <div class="m-m-fi-imageItem" v-for="item in imageList" :key="item.id" @click.stop="showImage(item)">
|
|
|
+ <div class="m-m-fi-imageItem" v-for="item in imageList" :key="item.id" @click.stop="previewImg(item.url)">
|
|
|
<span class="m-m-fi-i-icon"></span>
|
|
|
<div class="m-m-fi-i-text">{{ item.fileName }}</div>
|
|
|
</div>
|
|
|
@@ -105,12 +105,9 @@ export default {
|
|
|
studentNum:0,
|
|
|
},
|
|
|
imageList:[
|
|
|
- {id:0,url:"",fileName:"课堂图片1.png"},
|
|
|
- {id:1,url:"",fileName:"课堂图片2.png"},
|
|
|
- {id:2,url:"",fileName:"课堂图片3.png"},
|
|
|
- {id:3,url:"",fileName:"课堂图片4.png"},
|
|
|
- {id:4,url:"",fileName:"课堂图片5.png"},
|
|
|
- {id:5,url:"",fileName:"课堂图片6.png"},
|
|
|
+ {id:0,url:"https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E8%AF%BE%E5%A0%82%E7%85%A7%E7%89%8711713229346909.jpeg",fileName:"课堂图片1.jpeg"},
|
|
|
+ {id:1,url:"https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E8%AF%BE%E5%A0%82%E7%85%A7%E7%89%8721713229377830.jpeg",fileName:"课堂图片2.jpeg"},
|
|
|
+ {id:2,url:"https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E8%AF%BE%E5%A0%82%E7%85%A7%E7%89%8731713229401672.jpeg",fileName:"课堂图片3.jpeg"},
|
|
|
|
|
|
],
|
|
|
gradeList:[
|
|
|
@@ -139,12 +136,12 @@ export default {
|
|
|
addImage(){
|
|
|
this.$message.info("添加课堂图片")
|
|
|
},
|
|
|
- showImage(item){
|
|
|
- this.$message.info(`点击了图片${item.fileName}`)
|
|
|
- },
|
|
|
changeShowMain(newValue){
|
|
|
this.showMain = newValue;
|
|
|
- }
|
|
|
+ },
|
|
|
+ previewImg(url) {
|
|
|
+ this.$hevueImgPreview(url);
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
SanHQin