Browse Source

✨ feat: 趣选书增加水印

Pchen. 9 months ago
parent
commit
e6b0261078
1 changed files with 25 additions and 21 deletions
  1. 25 21
      src/pages/qxs/getBookList.vue

+ 25 - 21
src/pages/qxs/getBookList.vue

@@ -45,27 +45,31 @@
                 </div>
                 </div>
             </div>
             </div>
 
 
-            <a-table :data="data" stripe hoverable :pagination="false" column-resizable class="table" :loading="loading"
-                :columns="columns">
-                <template #imgUrl="{ record }">
-                    <a-image width="50" height="50" fit="contain" v-if="record.imgUrl" :src="record.imgUrl" />
-                    <a-avatar shape="square" :size="50" :style="{ backgroundColor: 'rgba(0,0,0,0.25)' }"
-                        v-else-if="!bookInfo[record.isbn]?.img">
-                        <icon-book />
-                    </a-avatar>
-                    <a-image width="50" height="50" fit="contain" v-else :src="bookInfo[record.isbn]?.img" />
-                </template>
-                <template #textbookPrice="{ record }">
-                    <span class="oldPrice" v-if="record.textbookPrice"><del>¥{{ record.textbookPrice }}</del></span> ¥{{
-                        record.textbookDiscountedPrice ?? record.totalDiscountedPrice }}
-                </template>
-                <template #crouseName="{ record }">
-                    {{ record.crouseName }}({{ record.courseType }})
-                </template>
-                <template #optional="{ record }">
-                    <a-button @click="showDetail(record.isbn)">查看详情</a-button>
-                </template>
-            </a-table>
+            <a-watermark :content="['RunForge', 'xxoo365.top']" :alpha="0.5">
+                <a-table :data="data" stripe hoverable :pagination="false" column-resizable class="table"
+                    :loading="loading" :columns="columns">
+                    <template #imgUrl="{ record }">
+                        <a-image width="50" height="50" fit="contain" v-if="record.imgUrl" :src="record.imgUrl" />
+                        <a-avatar shape="square" :size="50" :style="{ backgroundColor: 'rgba(0,0,0,0.25)' }"
+                            v-else-if="!bookInfo[record.isbn]?.img">
+                            <icon-book />
+                        </a-avatar>
+                        <a-image width="50" height="50" fit="contain" v-else :src="bookInfo[record.isbn]?.img" />
+                    </template>
+                    <template #textbookPrice="{ record }">
+                        <span class="oldPrice" v-if="record.textbookPrice"><del>¥{{ record.textbookPrice }}</del></span>
+                        ¥{{
+                            record.textbookDiscountedPrice ?? record.totalDiscountedPrice }}
+                    </template>
+                    <template #crouseName="{ record }">
+                        {{ record.crouseName }}({{ record.courseType }})
+                    </template>
+                    <template #optional="{ record }">
+                        <a-button @click="showDetail(record.isbn)">查看详情</a-button>
+                    </template>
+                </a-table>
+            </a-watermark>
+
             <div class="total">
             <div class="total">
                 共找到 {{ data.length }} 本书籍
                 共找到 {{ data.length }} 本书籍
             </div>
             </div>