Bladeren bron

添加点击放大图片功能

zengyicheng 2 jaren geleden
bovenliggende
commit
118a69c50f

+ 1 - 1
dist/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>pbl-student</title><link href=./static/css/app.0c42bb55bc29192c05565384b39cd471.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.deec116227fdc82db9e5.js></script><script type=text/javascript src=./static/js/app.60a1bed8ba84cba0b81d.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>pbl-student</title><link href=./static/css/app.37a0281443b6b78dedb5db14240bf508.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.deec116227fdc82db9e5.js></script><script type=text/javascript src=./static/js/app.4aad206b25975dd3490c.js></script></body></html>

File diff suppressed because it is too large
+ 0 - 0
dist/static/css/app.37a0281443b6b78dedb5db14240bf508.css


File diff suppressed because it is too large
+ 0 - 0
dist/static/css/app.37a0281443b6b78dedb5db14240bf508.css.map


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/app.4aad206b25975dd3490c.js


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/app.4aad206b25975dd3490c.js.map


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/app.60a1bed8ba84cba0b81d.js


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/app.60a1bed8ba84cba0b81d.js.map


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/manifest.3ad1d5771e9b13dbdad2.js.map


+ 33 - 5
src/components/study.vue

@@ -265,7 +265,6 @@
                 class="file"
                 v-for="(f, index) in file"
                 :key="index"
-                @click="downFile(index)"
               >
                 <img :src="require('../assets/file.png')" alt="" />
                 <div>{{ f.name }}</div>
@@ -276,8 +275,18 @@
           <div class="project_box" v-if="type == 4">
             <div class="homebox">
               <div class="homework" v-for="(h, index) in imgList" :key="index">
-                <img :src="h.url" alt="" style="height: 100px" />
-                <div>{{ h.name }}</div>
+                <img @click="handlePictureCardPreview(h.url)" :src="h.url" alt="" style="height: 100px" />
+                <div
+                  style="
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    width: 150px;
+                    margin: 10px 0px;
+                  "
+                >
+                  {{ h.name }}
+                </div>
               </div>
               <div
                 class="homework"
@@ -290,7 +299,17 @@
                   alt=""
                   style="width: auto; height: auto"
                 />
-                <div>{{ noH.name }}</div>
+                <div
+                  style="
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    width: 150px;
+                    margin: 10px 0px;
+                  "
+                >
+                  {{ noH.name }}
+                </div>
               </div>
             </div>
           </div>
@@ -500,6 +519,9 @@
         ></el-progress>
       </div>
     </div>
+    <el-dialog :visible.sync="pictureDialog" size="tiny">
+      <img width="100%" :src="dialogImageUrl" alt="" />
+    </el-dialog>
   </div>
 </template>
 
@@ -573,6 +595,8 @@ export default {
       askCount: 0,
       noteCount: 0,
       isAddWork: false,
+      dialogImageUrl: "",
+      pictureDialog: false,
     };
   },
   methods: {
@@ -582,6 +606,10 @@ export default {
     goTo(path) {
       this.$router.push(path);
     },
+    handlePictureCardPreview(url) {
+      this.dialogImageUrl = url;
+      this.pictureDialog = true;
+    },
     clean(type) {
       if (type == 1) {
         this.studyJuri[0].cover.splice(0, 1);
@@ -1070,7 +1098,7 @@ export default {
     this.getCourseDetail();
     this.selectCount();
     document.scrollingElement.scrollTop = 0;
-    
+
     window.onresize = function () {
       var a = document.getElementsByClassName("video-player")[0].offsetHeight;
       document.getElementsByClassName("vedioList")[0].style.height = a + "px";

Some files were not shown because too many files changed in this diff