From 63308291101027c8171b4f3033e1427415048ae0 Mon Sep 17 00:00:00 2001
From: juwei001 <974220104@qq.com>
Date: Sun, 7 Apr 2024 09:15:12 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=B0=8F=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/common/card_title_home.png  | Bin 0 -> 10219 bytes
 src/components/screen-title-home/index.vue    | 131 ++++++++++++++++++
 .../screen-content-left/home-left/index.vue   |  12 +-
 .../screen-content-right/home-right/index.vue |  12 +-
 4 files changed, 143 insertions(+), 12 deletions(-)
 create mode 100644 src/assets/images/common/card_title_home.png
 create mode 100644 src/components/screen-title-home/index.vue

diff --git a/src/assets/images/common/card_title_home.png b/src/assets/images/common/card_title_home.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f7d0b5a904049465768d33b8f6c66db5f81afbe
GIT binary patch
literal 10219
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%0D1O&L1~W8yQIKB*_-|>74+jsvOtt|l
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

literal 0
HcmV?d00001

diff --git a/src/components/screen-title-home/index.vue b/src/components/screen-title-home/index.vue
new file mode 100644
index 0000000..1726d55
--- /dev/null
+++ b/src/components/screen-title-home/index.vue
@@ -0,0 +1,131 @@
+<template>
+  <div style="height: 36px" class="screen-title-w">
+    <div class="box">
+      <div class="guang" v-if="ifTime">
+        <img
+          class="guang-img"
+          :src="require('@/assets/images/common/guang-zd.png')"
+        />
+      </div>
+      <div class="guang1" v-if="ifTime">
+        <img
+          class="guang-img1"
+          :src="require('@/assets/images/common/guang-zd.png')"
+        />
+      </div>
+    </div>
+    <div class="screen-title">
+      <div class="left">
+        <slot name="left"></slot>
+      </div>
+      <div class="right">
+        <slot name="right"></slot>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "screen-title",
+  // mounted() {
+  //   console.log("Math.random()", Math.random());
+  //   // JavaScript Math.random()
+  // },
+  data() {
+    return {
+      ifTime: false,
+    };
+  },
+  // created() {
+  // },
+  mounted() {
+    let times = (Math.random() * 2000).toFixed(0);
+    setTimeout(() => {
+      this.ifTime = true;
+    }, times);
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@keyframes run {
+  0% {
+    left: 0%;
+  }
+  100% {
+    left: calc(100% + 536px);
+  }
+}
+@keyframes run1 {
+  0% {
+    left: calc(0% - 268px);
+  }
+  100% {
+    left: calc(100% + 268px);
+  }
+}
+.screen-title-w {
+  width: 100%;
+  height: 36px;
+  background-size: 100% 100%;
+  background: url("~@/assets/images/common/card_title_home.png") no-repeat;
+}
+.screen-title {
+  position: relative;
+  top: -36px;
+  width: 100%;
+  height: 36px;
+  background-position: 0 0;
+  @include flex();
+  align-items: center;
+  justify-content: space-between;
+  font-family: "zaozigongfang";
+  font-style: italic;
+  font-size: 16px;
+  // background-size: 100% 100%;
+  // background: url("~@/assets/images/common/card_title_red.png") no-repeat;
+  padding-right: 16px;
+  box-sizing: border-box;
+  .left {
+    margin-left: 44px;
+    height: 50px;
+    line-height: 64px;
+  }
+  .right {
+    font-style: normal;
+  }
+}
+.box {
+  position: relative;
+  height: 36px;
+  overflow: hidden;
+  .guang {
+    position: relative;
+    .guang-img {
+      width: 268px;
+      height: 26px;
+      animation: run 4s linear infinite;
+      position: relative;
+      top: -10px;
+    }
+  }
+  .guang1 {
+    position: relative;
+    .guang-img1 {
+      width: 268px;
+      height: 26px;
+      animation: run1 4s linear infinite;
+      position: relative;
+      bottom: 10px;
+    }
+  }
+}
+</style>
+
+<style scoped>
+/* .screen-title-right > span {
+  border: 1px solid #e7743b !important;
+  color: #fbe9c5 !important;
+} */
+</style>
diff --git a/src/views/next/screen-content-left/home-left/index.vue b/src/views/next/screen-content-left/home-left/index.vue
index 7fc5f65..7305fcb 100644
--- a/src/views/next/screen-content-left/home-left/index.vue
+++ b/src/views/next/screen-content-left/home-left/index.vue
@@ -1,9 +1,9 @@
 <template>
   <div>
     <div class="card h292">
-      <screen-title>
+      <screen-title-home>
         <div slot="left" class="screen-title-left">移风简介</div>
-      </screen-title>
+      </screen-title-home>
       <div class="card-item-yfjj">
         <!-- <transition name="slide-transform"> -->
         <!-- <section v-if="currentIndex == 0"> -->
@@ -26,9 +26,9 @@
       </div>
     </div>
     <div class="card h266" style="margin-top: 8px">
-      <screen-title>
+      <screen-title-home>
         <div slot="left" class="screen-title-left">红色移风</div>
-      </screen-title>
+      </screen-title-home>
       <div class="card-item-hsyf">
         <div class="item" v-for="(item, index) in list" :key="index">
           <div class="item-box">
@@ -45,9 +45,9 @@
       </div>
     </div>
     <div class="card h318 m-top12">
-      <screen-title>
+      <screen-title-home>
         <div slot="left" class="screen-title-left">种都移风</div>
-      </screen-title>
+      </screen-title-home>
       <div class="card-item-zdyf">
         <div style="height: 268px">
           <div class="horizontal-scroll-nr">
diff --git a/src/views/next/screen-content-right/home-right/index.vue b/src/views/next/screen-content-right/home-right/index.vue
index 90514f7..884172c 100644
--- a/src/views/next/screen-content-right/home-right/index.vue
+++ b/src/views/next/screen-content-right/home-right/index.vue
@@ -1,9 +1,9 @@
 <template>
   <div>
     <div class="card h292">
-      <screen-title>
+      <screen-title-home>
         <div slot="left" class="screen-title-left">和美移风</div>
-      </screen-title>
+      </screen-title-home>
       <div class="card-item-hmyf">
         <div class="top">
           <div class="item">
@@ -30,9 +30,9 @@
       </div>
     </div>
     <div class="card h232" style="margin-top: 8px">
-      <screen-title>
+      <screen-title-home>
         <div slot="left" class="screen-title-left">善治移风</div>
-      </screen-title>
+      </screen-title-home>
 
       <div class="card-item-zdbf">
         <div class="yygz">
@@ -54,9 +54,9 @@
       </div> -->
     </div>
     <div class="card h349 m-top12">
-      <screen-title>
+      <screen-title-home>
         <div slot="left" class="screen-title-left">文化移风</div>
-      </screen-title>
+      </screen-title-home>
       <el-carousel height="300px">
         <el-carousel-item
           v-for="(item, index) in cultureList"