修改详情样式

src/components/windows/footIndex.vue

@@ -1,112 +1,111 @@
 <template>
-      <el-row class="foot  animate__animated animate__backInRight">
-            <el-col :span="24" class="footInfo">
-                  <el-col :span="24" class="phoneEmail">
-                        <el-col :span="12" class="left">
-                              联系我们
-                        </el-col>
-                        <el-col :span="12" class="right">
-                              <el-icon>
-                                    <PhoneFilled color="#1C88FE" />
-                              </el-icon>
-                              <span>热线电话:89812345</span>
-                              <el-icon>
-                                    <Message color="#1C88FE" />
-                              </el-icon>
-                              <span>电子邮箱:changchunwater@163.com</span>
-                        </el-col>
-                  </el-col>
-                  <el-col :span="24" class="other">
-                        <el-col :span="24" class="otherInfo">
-                              Copyright @ 2000-2024 all rights reserved by changchun Water[Group] co.,Ltd.
-                        </el-col>
-                        <el-col :span="24" class="otherInfo">
-                              <el-link type="text" :underline="false"
-                                    href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">
-                                    吉ICP备07001103号-1
-                              </el-link>
-                        </el-col>
-                  </el-col>
-            </el-col>
-      </el-row>
+  <el-row class="foot animate__animated animate__backInRight">
+    <el-col :span="24" class="footInfo">
+      <el-col :span="24" class="phoneEmail">
+        <el-col :span="12" class="left"> 联系我们 </el-col>
+        <el-col :span="12" class="right">
+          <el-icon size="30px" color="#1C88FE">
+            <PhoneFilled />
+          </el-icon>
+          <span>热线电话:89812345</span>
+          <el-icon size="30px" color="#1C88FE">
+            <Message />
+          </el-icon>
+          <span>电子邮箱:changchunwater@163.com</span>
+        </el-col>
+      </el-col>
+      <el-col :span="24" class="other">
+        <el-col :span="24" class="otherInfo">
+          Copyright @ 2000-2024 all rights reserved by changchun Water[Group] co.,Ltd.
+        </el-col>
+        <el-col :span="24" class="otherInfo">
+          <el-link
+            type="text"
+            :underline="false"
+            href="https://beian.miit.gov.cn/#/Integrated/index"
+            target="_blank"
+          >
+            吉ICP备07001103号-1
+          </el-link>
+        </el-col>
+      </el-col>
+    </el-col>
+  </el-row>
 </template>
 
-<script setup lang="ts">
-
-</script>
+<script setup lang="ts"></script>
 <style scoped lang="scss">
 .foot {
-      height: 300px;
-      background-image: url('/foot1.png');
-      background-repeat: no-repeat;
-      background-size: 100% 100%;
-
-      .footInfo {
-            padding: 0 14%;
-
-            .phoneEmail {
-                  display: flex;
-                  border-bottom: 1px solid rgb(28, 136, 254);
+  height: 300px;
+  background-image: url('/foot1.png');
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
 
-                  padding: 46px 0;
-                  margin: 0 0 20px 0;
+  .footInfo {
+    padding: 0 14%;
 
-                  .left {
-                        color: rgb(25, 25, 26);
-                        font-family: '黑体';
-                        font-size: 32px;
-                        font-weight: 500;
-                        line-height: 46px;
-                        letter-spacing: 0px;
-                        text-align: left;
+    .phoneEmail {
+      display: flex;
+      border-bottom: 1px solid rgb(28, 136, 254);
 
-                  }
+      padding: 46px 0;
+      margin: 0 0 20px 0;
 
-                  .right {
-                        text-align: right;
+      .left {
+        color: rgb(25, 25, 26);
+        font-family: '黑体';
+        font-size: 32px;
+        font-weight: 500;
+        line-height: 46px;
+        letter-spacing: 0px;
+        text-align: left;
+      }
 
-                        .images {
-                              width: 10px;
-                              height: 10px;
-                        }
+      .right {
+        display: flex;
+        align-items: center;
 
-                        span {
-                              display: inline-block;
-                              margin: 0 10px;
-                              color: rgb(25, 25, 26);
-                              font-family: '黑体';
-                              font-size: 24px;
-                              font-weight: 500;
-                              line-height: 35px;
-                              letter-spacing: 0px;
-                        }
-                  }
-            }
+        .images {
+          width: 10px;
+          height: 10px;
+        }
 
-            .other {
-                  text-align: center;
+        span {
+          display: inline-block;
+          margin: 0 10px;
+          color: rgb(25, 25, 26);
+          font-family: '黑体';
+          font-size: 24px;
+          font-weight: 500;
+          line-height: 35px;
+          letter-spacing: 0px;
+        }
+      }
+    }
 
-                  .otherInfo {
+    .other {
+      text-align: center;
 
-                        margin: 0 0 10px 0;
+      .otherInfo {
+        margin: 0 0 10px 0;
 
-                        color: rgb(25, 25, 26);
-                        font-family: '黑体';
-                        font-size: 24px;
-                        font-weight: 400;
-                        line-height: 35px;
-                        letter-spacing: 0px;
+        color: rgb(25, 25, 26);
+        font-family: '黑体';
+        font-size: 24px;
+        font-weight: 400;
+        line-height: 35px;
+        letter-spacing: 0px;
 
-                        .el-link {
-                              color: rgb(25, 25, 26);
-                              font-family: '黑体';
-                              font-size: 24px;
-                              font-weight: 500;
-                              line-height: 35px;
-                              letter-spacing: 0px;
-                        }
-                  }
-            }
+        .el-link {
+          color: rgb(25, 25, 26);
+          font-family: '黑体';
+          font-size: 24px;
+          font-weight: 500;
+          line-height: 35px;
+          letter-spacing: 0px;
+        }
       }
+    }
+  }
 }
 </style>

src/views/win/introduceParts/gsjsDetail.vue

@@ -13,7 +13,7 @@
         </el-col>
       </el-col>
       <el-col :span="24" class="infoList">
-        <p>{{ viewData.title }}</p>
+        <p class="title">{{ viewData.title }}</p>
         <span v-html="viewData.txt"></span>
       </el-col>
     </el-col>
@@ -127,34 +127,14 @@ onMounted(() => {
     }
 
     .infoList {
-      .list {
-        display: flex;
-        border-bottom: 1px solid rgb(217, 217, 217);
-        padding: 30px 0;
-
-        .title {
-          color: rgb(25, 25, 26);
-          font-family: '黑体';
-          font-size: 24px;
-          font-weight: 500;
-          line-height: 35px;
-          letter-spacing: 0px;
-          text-align: left;
-        }
-
-        .date {
-          color: rgb(25, 25, 26);
-          font-family: '黑体';
-          font-size: 24px;
-          font-weight: 500;
-          line-height: 32px;
-          letter-spacing: 0px;
-          text-align: left;
-        }
-      }
-
-      .list:last-child {
-        border-bottom: none;
+      .title {
+        color: rgb(25, 25, 26);
+        font-family: '黑体';
+        font-size: 32px;
+        font-weight: 500;
+        line-height: 46px;
+        text-align: center;
+        margin: 0 0 30px 0;
       }
     }
   }

src/views/win/introduceParts/scfmDetail.vue

@@ -13,7 +13,7 @@
         </el-col>
       </el-col>
       <el-col :span="24" class="infoList">
-        <p>{{ viewData.title }}</p>
+        <p class="title">{{ viewData.title }}</p>
         <span v-html="viewData.txt"></span>
       </el-col>
     </el-col>
@@ -123,34 +123,14 @@ onMounted(() => {
     }
 
     .infoList {
-      .list {
-        display: flex;
-        border-bottom: 1px solid rgb(217, 217, 217);
-        padding: 30px 0;
-
-        .title {
-          color: rgb(25, 25, 26);
-          font-family: '黑体';
-          font-size: 24px;
-          font-weight: 500;
-          line-height: 35px;
-          letter-spacing: 0px;
-          text-align: left;
-        }
-
-        .date {
-          color: rgb(25, 25, 26);
-          font-family: '黑体';
-          font-size: 24px;
-          font-weight: 500;
-          line-height: 32px;
-          letter-spacing: 0px;
-          text-align: left;
-        }
-      }
-
-      .list:last-child {
-        border-bottom: none;
+      .title {
+        color: rgb(25, 25, 26);
+        font-family: '黑体';
+        font-size: 32px;
+        font-weight: 500;
+        line-height: 46px;
+        text-align: center;
+        margin: 0 0 30px 0;
       }
     }
   }

src/views/win/inwaterParts/addressIndex.vue

@@ -28,16 +28,16 @@
               </el-col>
               <el-col :span="24" class="other">
                 <el-col :span="12" class="address">
-                  <el-icon>
-                    <LocationFilled color="#1C88FE" />
+                  <el-icon size="20px" color="#1C88FE">
+                    <LocationFilled />
                   </el-icon>
-                  地址：{{ item.address }}
+                  <span>地址：{{ item.address }}</span>
                 </el-col>
                 <el-col :span="12" class="mobile">
-                  <el-icon>
-                    <PhoneFilled color="#1C88FE" />
+                  <el-icon size="20px" color="#1C88FE">
+                    <PhoneFilled />
                   </el-icon>
-                  联系电话：{{ item.mobile }}
+                  <span>联系电话：{{ item.mobile }}</span>
                 </el-col>
               </el-col>
             </el-col>
@@ -296,27 +296,30 @@ onUnmounted(() => {
               display: flex;
               align-items: center;
               justify-content: center;
-
-              text-align: center;
               color: rgb(25, 25, 26);
               font-family: '黑体';
               font-size: 16px;
               font-weight: 400;
               line-height: 23px;
               letter-spacing: 0px;
+              span {
+                margin: 0 0 0 5px;
+              }
             }
 
             .mobile {
               display: flex;
               align-items: center;
               justify-content: center;
-              text-align: center;
               color: rgb(25, 25, 26);
               font-family: '黑体';
               font-size: 16px;
               font-weight: 400;
               line-height: 23px;
               letter-spacing: 0px;
+              span {
+                margin: 0 0 0 5px;
+              }
             }
           }
         }

src/views/win/newsParts/detail.vue

@@ -4,13 +4,13 @@
       <el-col :span="24" class="infoList">
         <el-row>
           <el-col :span="24">
-            <p>{{ viewData.title }}</p>
+            <p class="title">{{ viewData.title }}</p>
           </el-col>
-          <el-col :span="24">
-            发布时间:{{ viewData.time }} 
-            作者:{{ viewData.author }} 
-            来源:{{ viewData.source }} 
-            浏览次数: {{ viewData.views }}
+          <el-col :span="24" class="time">
+            <span>发布时间: {{ viewData.time }} </span>
+            <span>作者: {{ viewData.author }} </span>
+            <span> 来源: {{ viewData.source }}</span>
+            <span> 浏览次数: {{ viewData.views }}</span>
           </el-col>
         </el-row>
         <span v-html="viewData.txt"></span>
@@ -54,40 +54,31 @@ const toSearch = async (id: any) => {
   }
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .main {
   padding: 0 17%;
 
   .info {
     .infoList {
-      .list {
-        display: flex;
-        border-bottom: 1px solid rgb(217, 217, 217);
-        padding: 30px 0;
-
-        .title {
-          color: rgb(25, 25, 26);
-          font-family: '黑体';
-          font-size: 24px;
-          font-weight: 500;
-          line-height: 35px;
-          letter-spacing: 0px;
-          text-align: left;
-        }
-
-        .date {
-          color: rgb(25, 25, 26);
-          font-family: '黑体';
-          font-size: 24px;
-          font-weight: 500;
-          line-height: 32px;
-          letter-spacing: 0px;
-          text-align: left;
-        }
+      .title {
+        color: rgb(25, 25, 26);
+        font-family: '黑体';
+        font-size: 32px;
+        font-weight: 500;
+        line-height: 46px;
+        text-align: center;
+        margin: 0 0 30px 0;
       }
-
-      .list:last-child {
-        border-bottom: none;
+      .time {
+        font-size: 18px;
+        color: rgb(126, 130, 136);
+        letter-spacing: 0;
+        text-align: justify;
+        line-height: 22px;
+        margin-bottom: 33px;
+        span {
+          margin: 0 5px 0 0;
+        }
       }
     }
   }

src/views/win/watersupplyParts/detail.vue

@@ -4,13 +4,13 @@
       <el-col :span="24" class="infoList">
         <el-row>
           <el-col :span="24">
-            <p>{{ viewData.title }}</p>
+            <p class="title">{{ viewData.title }}</p>
           </el-col>
-          <el-col :span="24">
-            发布时间:{{ viewData.time }} 作者:{{ viewData.author }} 来源:{{
-              viewData.source
-            }}
-            浏览次数: {{ viewData.views }}
+          <el-col :span="24" class="time">
+            <span>发布时间: {{ viewData.time }} </span>
+            <span>作者: {{ viewData.author }} </span>
+            <span> 来源: {{ viewData.source }}</span>
+            <span> 浏览次数: {{ viewData.views }}</span>
           </el-col>
         </el-row>
         <span v-html="viewData.txt"></span>
@@ -53,40 +53,31 @@ const toSearch = async (id: any) => {
   }
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
 .main {
   padding: 0 17%;
 
   .info {
     .infoList {
-      .list {
-        display: flex;
-        border-bottom: 1px solid rgb(217, 217, 217);
-        padding: 30px 0;
-
-        .title {
-          color: rgb(25, 25, 26);
-          font-family: '黑体';
-          font-size: 24px;
-          font-weight: 500;
-          line-height: 35px;
-          letter-spacing: 0px;
-          text-align: left;
-        }
-
-        .date {
-          color: rgb(25, 25, 26);
-          font-family: '黑体';
-          font-size: 24px;
-          font-weight: 500;
-          line-height: 32px;
-          letter-spacing: 0px;
-          text-align: left;
-        }
+      .title {
+        color: rgb(25, 25, 26);
+        font-family: '黑体';
+        font-size: 32px;
+        font-weight: 500;
+        line-height: 46px;
+        text-align: center;
+        margin: 0 0 30px 0;
       }
-
-      .list:last-child {
-        border-bottom: none;
+      .time {
+        font-size: 18px;
+        color: rgb(126, 130, 136);
+        letter-spacing: 0;
+        text-align: justify;
+        line-height: 22px;
+        margin-bottom: 33px;
+        span {
+          margin: 0 5px 0 0;
+        }
       }
     }
   }