Parcourir la source

首页和订阅页面增加提示

natasha il y a 4 jours
Parent
commit
3f3643e491
3 fichiers modifiés avec 54 ajouts et 0 suppressions
  1. BIN
      src/assets/notice.png
  2. 27 0
      src/views/bookStore/Subscribe.vue
  3. 27 0
      src/views/bookStore/index.vue

BIN
src/assets/notice.png


+ 27 - 0
src/views/bookStore/Subscribe.vue

@@ -7,6 +7,13 @@
       :LoginNavIndex="1"
       ref="header"
     />
+    <div class="notice">
+      <div class="notice-content">
+        <img :src="require('../../assets/notice.png')" />
+        因附带数字阅读功能,需后台制作,智慧阅读平台数字报刊更新时间为:报纸出版当周周二17:30
+        (寒暑假除外)。
+      </div>
+    </div>
     <div class="navBar" v-if="info">
       <div class="navBar-left">
         <a class="goback" @click="$router.go(-1)"
@@ -1724,6 +1731,26 @@ export default {
   font-size: 12px;
   padding: 0 5px;
 }
+.notice {
+  position: fixed;
+  width: 100%;
+  background: linear-gradient(118deg, #ae52c5 14.09%, #fff2cc 97.82%);
+  padding: 5px 0;
+  z-index: 1;
+  &-content {
+    width: 1200px;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+    color: #fff;
+    gap: 10px;
+    font-size: 18px;
+    justify-content: center;
+    img {
+      width: 22px;
+    }
+  }
+}
 </style>
 <style lang="scss">
 .bookItem {

+ 27 - 0
src/views/bookStore/index.vue

@@ -6,6 +6,13 @@
       :userBg="'rgba(0, 0, 0, 0.24)'"
       :LoginNavIndex="1"
     />
+    <div class="notice">
+      <div class="notice-content">
+        <img :src="require('../../assets/notice.png')" />
+        因附带数字阅读功能,需后台制作,智慧阅读平台数字报刊更新时间为:报纸出版当周周二17:30
+        (寒暑假除外)。
+      </div>
+    </div>
     <div class="banner">
       <!-- <el-carousel
         type="card"
@@ -505,6 +512,26 @@ export default {
     line-height: 1.4;
   }
 }
+.notice {
+  position: fixed;
+  width: 100%;
+  background: linear-gradient(118deg, #ae52c5 14.09%, #fff2cc 97.82%);
+  padding: 5px 0;
+  z-index: 1;
+  &-content {
+    width: 1200px;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+    color: #fff;
+    gap: 10px;
+    font-size: 18px;
+    justify-content: center;
+    img {
+      width: 22px;
+    }
+  }
+}
 </style>
 <style lang="scss">
 .el-carousel__item--card {