修改图片大小

TongjiPetWelfareProject · Sep 5, 2023 · 90f8793 · 90f8793
1 parent 61aeb4a
commit 90f8793
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/src/components/用户界面/first_page.vue b/src/components/用户界面/first_page.vue
@@ -413,7 +413,7 @@ const images = [
 }
 
 .image {
-  width: 200px;
+  width: auto;
   height: 200px;
   display: block;
   margin-left: auto;

diff --git a/src/components/用户界面/pet_details.vue b/src/components/用户界面/pet_details.vue
@@ -403,11 +403,14 @@ const sortedComments = computed(() => {
 }
 .pet-image {
   flex: 1;
+  display: flex;
+  justify-content: center; /* 水平居中 */
+  align-items: center; /* 垂直居中 */
   padding: 10px;
 }
 .pet-image img {
-  width: 100%;
-  height: auto;
+  width: auto;
+  height: 300px;
   border-radius: 8px;
 }
 .pet-info {

diff --git a/vite.config.js b/vite.config.js
@@ -17,7 +17,7 @@ export default defineConfig({
     port: 3000,
     proxy: {
       "^/api": {
-        target: "http://localhost:6001/",
+        target: "http://101.42.19.77:6001/",
         changeOrigin: true,
         //rewrite: (path) => path.replace(/^\/api/, ""),
       },