修改

src/views/cyl/an3.vue

@@ -2,7 +2,7 @@
     <div style="padding: 10px;">
       <a-card>
   
-          <img style="width: 100%;height: 100%;margin-left: 40px;margin-top: 20px;" src="@/assets/myplot.png">
+          <img style="width: 80%;height: 80%;margin-left: 40px;margin-top: 20px;" src="@/assets/myplot.png">
   
       </a-card>
     </div>

src/views/cyl/an4.vue

@@ -0,0 +1,20 @@
+<template>
+  <div style="padding: 10px;">
+    <a-card>
+
+        <img style="width: 80%;height: 80%;margin-left: 40px;margin-top: 20px;" src="@/assets/an4.png">
+
+    </a-card>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.card {
+  padding: 10px;
+}
+
+.center {
+  height: 500px;
+  display: flex;
+}
+</style>

src/views/cyl/an5.vue

@@ -0,0 +1,20 @@
+<template>
+  <div style="padding: 10px;">
+    <a-card>
+
+        <img style="width: 80%;height: 80%;margin-left: 40px;margin-top: 20px;" src="@/assets/an5.png">
+
+    </a-card>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.card {
+  padding: 10px;
+}
+
+.center {
+  height: 500px;
+  display: flex;
+}
+</style>

src/views/cyl/an6.vue

@@ -0,0 +1,20 @@
+<template>
+  <div style="padding: 10px;">
+    <a-card>
+
+        <img style="width: 80%;height: 80%;margin-left: 40px;margin-top: 20px;" src="@/assets/an6.png">
+
+    </a-card>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.card {
+  padding: 10px;
+}
+
+.center {
+  height: 500px;
+  display: flex;
+}
+</style>