feat: 添加广告列表功能及组件

2026-04-09 13:29:44 +08:00
parent c6feeeef8b
commit 943cc862fc
8 changed files with 117 additions and 9 deletions
--- a/api/config.ts
+++ b/api/config.ts
@@ -7,8 +7,8 @@ export const ENV = process.env.NODE_ENV || 'development';
 */
 const BASE_URL_MAP = {
  development: {
-		//MAIN: 'http://192.168.110.100:9300/pb/', // 张川川
-		 MAIN: 'https://global.nuttyreading.com/', // 线上
+		// MAIN: 'http://192.168.110.100:9300/pb/', // 张川川
+		MAIN: 'https://global.nuttyreading.com/', // 线上
 		// PAYMENT: 'https://dev-pay.example.com', // 暂时用不到
 		// CDN: 'https://cdn-dev.example.com', // 暂时用不到
  },
--- a/api/modules/common.ts
+++ b/api/modules/common.ts
@@ -41,5 +41,19 @@ export const commonApi = {
 		  method: 'POST',
 		  data: { isBook, isMedical, isSociology }
 		})
+	},
+
+	/**
+	 * 获取广告列表
+	 * @param params
+	 * @param params.type 应用类型 10-吴门国际
+	 * @returns 广告列表
+	 */
+	getAdvertisementList: async (params: any) => {
+		return skeletonClient.request<IApiResponse>({
+		  url: 'common/mainAd/getMainAd',
+		  method: 'POST',
+		  data: params
+		})
 	}
 }
--- a/components/advertisement/advertisement.vue
+++ b/components/advertisement/advertisement.vue
@@ -0,0 +1,38 @@
+<template>
+  <view v-if="show" class="fixed top-0 left-0 right-0 h-[100vh] w-full p-10 bg-black/50 z-[99999]" style="display: flex; justify-content: center; align-items: center;">
+    <view class="w-full">
+      <wd-swiper :list="dataList" autoplay v-model:current="current" height="75vh" imageMode="aspectFit"></wd-swiper>
+      <view class="text-center pt-5">
+        <text class="bg-white/30 text-white rounded-full px-5 py-2 inline-block " @click="() => show = false">关闭</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { commonApi } from '@/api/modules/common'
+
+const show = ref(false)
+const current = ref<number>(0)
+
+const dataList = ref([])
+const getAdvertisementList = async () => {
+  const res = await commonApi.getAdvertisementList({
+    type: 10
+  })
+  dataList.value = res.list.map((item: any) => item.icon)
+  console.log('请求广告列表', dataList.value)
+  if (dataList.value.length > 0) {
+    show.value = true
+  }
+}
+
+onLoad(async () => {
+  await getAdvertisementList()
+})
+</script>
+
+<style scoped lang="scss">
+</style>
--- a/manifest.json
+++ b/manifest.json
@@ -3,8 +3,8 @@
    "appid" : "__UNI__1250B39",
    "description" : "吴门国际",
    "sassImplementationName" : "node-sass",
-    "versionName" : "1.1.17",
-    "versionCode" : 1117,
+    "versionName" : "1.1.18",
+    "versionCode" : 1118,
    "transformPx" : false,
    /* 5+App特有相关 */
    "app-plus" : {
--- a/package.json
+++ b/package.json
@@ -104,7 +104,7 @@
  },
  "dependencies": {
    "@tailwindcss/cli": "^4.1.16",
-    "edu-core-vue3": "file: ../edu-core-vue3",
+    "edu-core-vue3": "file:../edu-core-vue3",
    "pinia": "3.0.2",
    "vue": "3.5.24",
    "vue-i18n": "11.2.1"
--- a/pages/course/index.vue
+++ b/pages/course/index.vue
@@ -215,6 +215,8 @@
        </template>
      </Skeleton>
    </view>
+
+    <Advertisement></Advertisement>
  </view>
 </template>

@@ -228,6 +230,7 @@ import { getNotchHeight } from '@/utils/system'
 // import { onPageJump } from '@/utils'
 import type { ICategory, ICourse, INews } from '@/types/course'
 import { useUserStore } from '@/stores/user'
+import Advertisement from '@/components/advertisement/advertisement.vue'

 const userStore = useUserStore()

--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -75,9 +75,7 @@
 					<text v-if="item.hufenState" class="menu-list-hufen">{{hufenData?.total ?? 0}}<text
 							style="margin-left: 6rpx;">湖分</text></text>
 				</wd-cell>
-				<wd-cell is-link @click="uni.navigateTo({
-					url: '/pages/index'
-				})">前往测试</wd-cell>
+				<wd-cell is-link @click="uni.navigateTo({url: '/pages/index'})">测试页</wd-cell>
 			</wd-cell-group>
 		</view>
 	</view>
--- a/style/tailwind.css
+++ b/style/tailwind.css
@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
@@ -8,6 +8,7 @@
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-500: oklch(63.7% 0.237 25.331);
+    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
@@ -194,6 +195,24 @@
  .sticky {
    position: sticky;
  }
+  .start {
+    inset-inline-start: var(--spacing);
+  }
+  .end {
+    inset-inline-end: var(--spacing);
+  }
+  .top-0 {
+    top: calc(var(--spacing) * 0);
+  }
+  .right-0 {
+    right: calc(var(--spacing) * 0);
+  }
+  .left-0 {
+    left: calc(var(--spacing) * 0);
+  }
+  .z-\[99999\] {
+    z-index: 99999;
+  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
@@ -260,12 +279,18 @@
  .h-100 {
    height: calc(var(--spacing) * 100);
  }
+  .h-\[100vh\] {
+    height: 100vh;
+  }
  .w-\[50\%\] {
    width: 50%;
  }
  .w-\[100px\] {
    width: 100px;
  }
+  .w-full {
+    width: 100%;
+  }
  .flex-1 {
    flex: 1;
  }
@@ -287,16 +312,34 @@
  .rounded-\[10rpx\] {
    border-radius: 10rpx;
  }
+  .rounded-full {
+    border-radius: calc(infinity * 1px);
+  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
+  .bg-black\/50 {
+    background-color: color-mix(in srgb, #000 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
+    }
+  }
  .bg-white {
    background-color: var(--color-white);
  }
+  .bg-white\/30 {
+    background-color: color-mix(in srgb, #fff 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
+    }
+  }
  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }
+  .p-10 {
+    padding: calc(var(--spacing) * 10);
+  }
  .p-\[10rpx\] {
    padding: 10rpx;
  }
@@ -306,9 +349,18 @@
  .p-\[30rpx\] {
    padding: 30rpx;
  }
+  .px-5 {
+    padding-inline: calc(var(--spacing) * 5);
+  }
+  .py-2 {
+    padding-block: calc(var(--spacing) * 2);
+  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
+  .pt-5 {
+    padding-top: calc(var(--spacing) * 5);
+  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
@@ -355,6 +407,9 @@
  .text-red-500 {
    color: var(--color-red-500);
  }
+  .text-white {
+    color: var(--color-white);
+  }
  .lowercase {
    text-transform: lowercase;
  }