@bi-nova/ui-weapp 1.1.3 → 1.2.0-beta.202608131817

package/src/ad/banner/index.wxss

@@ -1,132 +1,96 @@
 .bi-banner-ad {
   position: relative;
-  overflow: hidden;
+  overflow: visible;
   border-radius: 16rpx;
   background: #ffffff;
   box-shadow: 0 6rpx 18rpx rgba(15, 23, 42, 0.08);
 }
 
 .bi-banner-ad__surface {
-  display: flex;
-  align-items: stretch;
-  min-height: 156rpx;
-}
-
-.bi-banner-ad__media {
-  position: relative;
-  flex: 0 0 132rpx;
-  width: 132rpx;
-  height: 156rpx;
+  width: 100%;
+  border-radius: inherit;
   overflow: hidden;
 }
 
 .bi-banner-ad__image {
   display: block;
   width: 100%;
-  height: 100%;
-}
-
-.bi-banner-ad__content {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  justify-content: space-between;
-  min-width: 0;
-  padding: 18rpx 20rpx 18rpx 18rpx;
+  height: auto;
 }
 
 .bi-banner-ad__badge {
-  display: inline-flex;
+  position: absolute;
+  top: 8rpx;
+  left: 8rpx;
+  z-index: 4;
+  display: flex;
   align-items: center;
   justify-content: center;
-  padding: 0 10rpx;
+  box-sizing: border-box;
+  min-width: 70rpx;
   height: 30rpx;
-  border-radius: 6rpx;
-  background: rgba(0, 0, 0, 0.6);
+  padding: 0 8rpx;
+  border-radius: 4rpx;
+  background: rgba(0, 0, 0, 0.3);
   color: #ffffff;
   font-size: 18rpx;
   line-height: 30rpx;
 }
 
-.bi-banner-ad__badge--overlay {
-  position: absolute;
-  top: 8rpx;
-  left: 8rpx;
-  z-index: 1;
+.bi-banner-ad__badge-arrow {
+  width: 8rpx;
+  height: 8rpx;
+  margin: -4rpx 0 0 8rpx;
+  border-right: 2rpx solid rgba(255, 255, 255, 0.9);
+  border-bottom: 2rpx solid rgba(255, 255, 255, 0.9);
+  transform: rotate(45deg);
+  transition: transform 0.2s ease;
 }
 
-.bi-banner-ad__body {
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
+.bi-banner-ad__badge-arrow--active {
+  margin-top: 4rpx;
+  transform: rotate(225deg);
 }
 
-.bi-banner-ad__title {
-  display: -webkit-box;
-  color: #0f172a;
-  font-size: 30rpx;
-  font-weight: 500;
-  line-height: 1.35;
+.bi-banner-ad__feedback-panel {
+  position: absolute;
+  top: 42rpx;
+  left: 8rpx;
+  z-index: 3;
+  width: 220rpx;
+  border: 1rpx solid #eeeeee;
+  border-radius: 8rpx;
+  background: #ffffff;
+  box-shadow: 0 8rpx 24rpx rgba(15, 23, 42, 0.16);
   overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
 }
 
-.bi-banner-ad__description {
-  flex: 1;
-  min-width: 0;
-  margin-right: 16rpx;
-  color: #8c8c8c;
-  font-size: 22rpx;
-  line-height: 1.4;
+.bi-banner-ad__feedback-source {
+  box-sizing: border-box;
+  min-height: 54rpx;
+  padding: 12rpx 16rpx;
+  border-bottom: 1rpx solid #eeeeee;
+  color: #333333;
+  font-size: 18rpx;
+  line-height: 30rpx;
   white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  text-align: center;
 }
 
-.bi-banner-ad__footer {
+.bi-banner-ad__feedback-item {
   display: flex;
   align-items: center;
-  margin-top: 14rpx;
-}
-
-.bi-banner-ad__button {
-  flex: 0 0 auto;
-  min-width: 144rpx;
-  min-height: 0;
-  padding: 0 20rpx;
-  border: none;
-  border-radius: 12rpx;
-  background: #18b566;
-  color: #ffffff;
-  font-size: 24rpx;
-  font-weight: 500;
-  line-height: 54rpx;
-}
-
-.bi-banner-ad__button::after {
-  display: none;
-}
-
-.bi-banner-ad__close {
-  position: absolute;
-  top: 10rpx;
-  right: 10rpx;
-  width: 36rpx;
-  height: 36rpx;
-  min-height: 0;
-  padding: 0;
-  border: none;
-  border-radius: 999rpx;
-  background: rgba(15, 23, 42, 0.35);
-  color: #ffffff;
-  font-size: 24rpx;
-  line-height: 36rpx;
+  justify-content: center;
+  box-sizing: border-box;
+  min-height: 54rpx;
+  padding: 10rpx 16rpx;
+  border-bottom: 1rpx solid #eeeeee;
+  color: #4d6385;
+  font-size: 18rpx;
+  line-height: 32rpx;
   text-align: center;
-  z-index: 1;
 }
 
-.bi-banner-ad__close::after {
-  display: none;
+.bi-banner-ad__feedback-item:last-child {
+  border-bottom: none;
 }

package/src/ad/display/index.js

@@ -3,7 +3,7 @@
  * @Author wutao
  * @Date 2026-04-10
  * @LastEditors wutao
- * @LastEditTime 2026-08-05 14:11:33
+ * @LastEditTime 2026-08-13 11:28:34
  */
 const SUPPORTED_TYPES = ['banner', 'splash']
 /** 微信系统开屏广告承接记录的本地缓存键前缀，用于按 appId 和广告位隔离缓存 */
@@ -17,6 +17,7 @@ Component({
     unitId: { type: String, value: '' },
     type: { type: String, value: 'banner' },
     customAd: { type: Object, value: null },
+    priority: { type: String, value: 'wechat-first' },
     adOptions: { type: Object, value: null },
     sdkKey: { type: String, value: 'biNova' },
     autoLoad: { type: Boolean, value: true },
@@ -32,6 +33,7 @@ Component({
     resolvedType: 'banner',
     resolvedUnitId: '',
     resolvedCustomAd: null,
+    resolvedPriority: 'wechat-first',
     resolvedShow: true,
     remoteLoading: false,
     remoteLoaded: false,
@@ -54,10 +56,11 @@ Component({
       this.syncType(nextType)
       this.syncResolvedAdData()
     },
-    'unitId, customAd, show'(nextUnitId, nextCustomAd, nextShow) {
+    'unitId, customAd, priority, show'(nextUnitId, nextCustomAd, nextPriority, nextShow) {
       this.syncResolvedAdData({
         unitId: nextUnitId,
         customAd: nextCustomAd,
+        priority: nextPriority,
         show: nextShow
       })
     },
@@ -218,11 +221,12 @@ Component({
     /**
      * 解析远程广告数据
      * @param {Record<string, any>} remoteData 远程广告配置
-     * @returns {{unitId: string, customAd: Record<string, any> | null, show: boolean}}
+     * @returns {{unitId: string, customAd: Record<string, any> | null, priority: string, show: boolean}}
      */
     resolveRemoteAdData(remoteData) {
       const unitId = remoteData && remoteData.unitId || ''
       const customAd = remoteData && (remoteData.customAd || remoteData.custom) || null
+      const priority = remoteData && remoteData.priority || 'wechat-first'
       const show = remoteData && typeof remoteData.show === 'boolean'
         ? remoteData.show
         : Boolean(unitId || customAd)
@@ -230,13 +234,14 @@ Component({
       return {
         unitId,
         customAd,
+        priority,
         show
       }
     },
 
     /**
      * 同步组件最终消费的广告数据
-     * @param {{unitId?: string, customAd?: Record<string, any> | null, show?: boolean}} [options] 可选覆盖参数
+     * @param {{unitId?: string, customAd?: Record<string, any> | null, priority?: string, show?: boolean}} [options] 可选覆盖参数
      * @returns {void}
      */
     syncResolvedAdData(options) {
@@ -246,12 +251,14 @@ Component({
       const remoteResolved = remoteAdData ? this.resolveRemoteAdData(remoteAdData) : null
       const unitId = remoteResolved ? remoteResolved.unitId : (nextOptions.unitId !== undefined ? nextOptions.unitId : this.properties.unitId)
       const customAd = remoteResolved ? remoteResolved.customAd : (nextOptions.customAd !== undefined ? nextOptions.customAd : this.properties.customAd)
+      const priority = remoteResolved ? remoteResolved.priority : (nextOptions.priority !== undefined ? nextOptions.priority : this.properties.priority)
       const show = nextOptions.show !== undefined ? nextOptions.show : this.properties.show
       const resolvedShow = Boolean(show && (!remoteEnabled || !this.properties.adId || !this.data.remoteLoaded || remoteResolved && remoteResolved.show))
 
       this.setData({
         resolvedUnitId: unitId || '',
         resolvedCustomAd: customAd || null,
+        resolvedPriority: priority || 'wechat-first',
         resolvedShow
       })
     },
@@ -414,7 +421,7 @@ Component({
 
     /**
      * 统一透传子组件事件
-     * @param {'load' | 'error' | 'close' | 'action' | 'hide' | 'openWebview'} eventName 事件名称
+     * @param {'load' | 'error' | 'close' | 'action' | 'feedback' | 'hide' | 'openWebview'} eventName 事件名称
      * @param {Record<string, any>} event 原始事件对象
      * @returns {void}
      */
@@ -496,6 +503,15 @@ Component({
       this.forwardEvent('action', event)
     },
 
+    /**
+     * 处理自研广告反馈事件
+     * @param {Record<string, any>} event 反馈事件
+     * @returns {void}
+     */
+    handleFeedback(event) {
+      this.forwardEvent('feedback', event)
+    },
+
     /**
      * 处理广告隐藏事件
      * @param {Record<string, any>} event 广告隐藏事件

package/src/ad/display/index.wxml

@@ -1,13 +1,15 @@
 <!-- Banner 广告组件 -->
 <bi-banner-ad
-  wx:if="{{resolvedType === 'banner'}}"
+  wx:if="{{resolvedType === 'banner' && resolvedShow}}"
   unit-id="{{resolvedUnitId}}"
   custom-ad="{{resolvedCustomAd}}"
+  priority="{{resolvedPriority}}"
   ad-intervals="{{adIntervals}}"
   bind:load="handleLoad"
   bind:error="handleError"
   bind:close="handleClose"
   bind:action="handleAction"
+  bind:feedback="handleFeedback"
   bind:openWebview="handleOpenWebview"
 />
 
@@ -16,6 +18,7 @@
   wx:elif="{{resolvedType === 'splash'}}"
   unit-id="{{resolvedUnitId}}"
   custom-ad="{{resolvedCustomAd}}"
+  priority="{{resolvedPriority}}"
   show="{{resolvedShow}}"
   z-index="{{zIndex}}"
   picture-in-picture="{{pictureInPicture}}"