-
+
-
+
+
برای نمایش بهتر کلیک کنید
-
![]()
+
@@ -27,6 +28,17 @@
+
+
+
+
+
×
+
+
+
![]()
+
+
+
هیچ اعلانی موجود نیست
@@ -38,7 +50,9 @@
data() {
return {
- userAnnouncements:''
+ userAnnouncements:'',
+ modalVisible:false,
+ modalImageUrl:''
}
},
mounted(){
@@ -47,6 +61,16 @@
this.userAnnouncements = res.data
})
+ },
+ methods:{
+ openModal(image) {
+ this.modalVisible = true;
+ this.modalImageUrl = image;
+
+ },
+ closeModal() {
+ this.modalVisible = false;
+ },
}
}
@@ -64,15 +88,100 @@
width: 80% !important;
}
.fr-image{
- width: 17rem;
- height: 11rem;
+
+ height: 17rem;
margin: auto;
img{
width: 100%;
- height:100%;
+ height: 17rem;
object-fit: cover;
border-radius: .5rem;
}
}
+ /* Style the Image Used to Trigger the Modal */
+#myImg {
+ border-radius: 5px;
+ cursor: pointer;
+ transition: 0.3s;
+}
+
+#myImg:hover {
+ opacity: 0.7;
+}
+
+/* The Modal (background) */
+.modal {
+
+ /* Hidden by default */
+ position: fixed;
+ /* Stay in place */
+ z-index: 50;
+ /* Sit on top */
+ padding-top: 100px;
+ /* Location of the box */
+ left: 0;
+ top: 0;
+ width: 100%;
+ /* Full width */
+ height: 100%;
+ /* Full height */
+ overflow: auto;
+ /* Enable scroll if needed */
+ background-color: rgb(0, 0, 0);
+ /* Fallback color */
+ background-color: rgba(0, 0, 0, 0.3);
+ /* Black w/ opacity */
+}
+
+/* Modal Content (Image) */
+.modal-content {
+ margin: auto;
+ display: block;
+ width: 80%;
+ max-width: 700px;
+}
+
+
+
+/* Add Animation - Zoom in the Modal */
+.modal-content {
+ animation-name: zoom;
+ animation-duration: 0.6s;
+}
+
+@keyframes zoom {
+ from {
+ transform: scale(0)
+ }
+
+ to {
+ transform: scale(1)
+ }
+}
+
+/* The Close Button */
+.close {
+ position: absolute;
+ top: 15px;
+ right: 35px;
+ color: #f1f1f1;
+ font-size: 40px;
+ font-weight: bold;
+ transition: 0.3s;
+}
+
+.close:hover,
+.close:focus {
+ color: #bbb;
+ text-decoration: none;
+ cursor: pointer;
+}
+
+/* 100% Image Width on Smaller Screens */
+@media only screen and (max-width: 700px) {
+ .modal-content {
+ width: 100%;
+ }
+}
\ No newline at end of file
diff --git a/server/index.js b/server/index.js
index 673e553..348ca8b 100644
--- a/server/index.js
+++ b/server/index.js
@@ -24,6 +24,7 @@ function init() {
app.use(express.json())
app.use(express.urlencoded({ extended: true }))
app.use(fileUpload())
+ console.log('🟢 ~ Node Server is running ')
// load plugins
// getVerityToken()
@@ -50,6 +51,7 @@ function init() {
app.use(isDev ? '/api' : '', router)
+
return app
}