@tplc/business 0.4.191 → 0.4.193

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.4.193](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.192...v0.4.193) (2025-08-18)
+
+
+### ✨ Features | 新功能
+
+* 支持supportClickScroll ([1c0113f](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/1c0113f9574401a24a1482f92e242d2061a89362))
+
+### [0.4.192](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.190...v0.4.192) (2025-08-18)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.4.191 ([d030e41](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/d030e41babc0f69317a087c3d8eb9c3e021e901b))
+
+
+### ✨ Features | 新功能
+
+* area auto ([7df0e63](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/7df0e6312d2ea031bc2474d8894fefc071edaaa4))
+* 兼容跳转 ([13b1e44](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/13b1e4494dfdf2d13764fcc685b6f062353aa57a))
+
 ### [0.4.191](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.189...v0.4.191) (2025-08-15)
 
 

package/components/lcb-banner/lcb-banner.vue

@@ -70,14 +70,25 @@
         }"
       />
     </lcb-block>
+    <wd-icon
+      name="chevron-down"
+      size="40px"
+      color="#fff"
+      custom-class="z-1 absolute bottom-20 left-0 right-0 m-auto w-fit"
+      v-if="fullScreenBackground && supportClickScroll"
+      @click="handleScrollToBottom"
+    />
   </view>
+
+  <view class="h-100vh w-full" v-if="fullScreenBackground && supportClickScroll" />
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from 'vue'
+import { computed, inject, Ref, ref } from 'vue'
 import { LcbBannerProps } from './types'
 import { transformValueUnit } from '../../utils/transform'
 import { onPageScroll } from '@dcloudio/uni-app'
+import { SHOW_TABBAR } from '../../constants'
 defineOptions({
   name: 'LcbBanner',
   options: {
@@ -95,15 +106,20 @@ const props = withDefaults(defineProps<LcbBannerProps>(), {
   titleTop: 100,
   titleLeft: 100,
   fontWeight: 500,
+  supportClickScroll: false,
 })
 const scrollTop = ref(0)
 
 const pageHeight = uni.getWindowInfo().screenHeight
+const showTabbar = inject(SHOW_TABBAR) as Ref<boolean>
 
 // Touch gesture handling
 const touchStartY = ref(0)
 const touchStartX = ref(0)
 const isTouching = ref(false)
+if (props.supportClickScroll) {
+  showTabbar.value = false
+}
 
 const supplementProps = computed(() => {
   if (props.styleGroup === 2) {
@@ -141,6 +157,13 @@ onPageScroll((e) => {
   if (props.fullScreenBackground || props.fullBannerFlow) {
     scrollTop.value = e.scrollTop
   }
+  if (props.supportClickScroll) {
+    if (e.scrollTop > 100) {
+      showTabbar.value = true
+    } else {
+      showTabbar.value = false
+    }
+  }
 })
 
 // Touch event handlers
@@ -176,6 +199,13 @@ const handleTouchMove = (e: TouchEvent) => {
 const handleTouchEnd = () => {
   isTouching.value = false
 }
+const handleScrollToBottom = () => {
+  const statusBarHeight = uni.getWindowInfo().statusBarHeight
+  uni.pageScrollTo({
+    scrollTop: pageHeight - statusBarHeight - 44,
+    duration: 300,
+  })
+}
 </script>
 <style lang="scss" scoped>
 .lcb-banner {
@@ -195,7 +225,7 @@ const handleTouchEnd = () => {
 .full-screen-swiper {
   :deep(.wd-swiper, uni-swiper, .uni-swiper-wrapper, .uni-swiper-wrapper, .lcb-banner-block) {
     width: 100% !important;
-    height: 100% !important;
+    height: 100vh !important;
   }
 }
 .full-screen-flow {

package/components/lcb-banner/types.ts

@@ -57,6 +57,8 @@ export interface LcbBannerProps extends LcbBlockProps {
   slidingStyle?: 1 | 2
   maskBgColor?: string
   fullScreenBackground?: boolean
+  // 支持点击滚动页面
+  supportClickScroll?: boolean
   /** 是否全屏流式banner */
   fullBannerFlow?: boolean
   titleColor?: string

package/constants.ts

@@ -13,3 +13,5 @@ export const LIST_FORM_CHOOSER_VALUES = 'list_form_chooser_values'
 export const PAGE_DYNAMIC_DATA = 'page_dynamic_data'
 /** 列表页表单选择项 */
 export const WRAPPER_ITEM_KEY = 'wrapper_item_key'
+/** 是否显示tabbar */
+export const SHOW_TABBAR = 'show_tabbar'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.4.191",
+  "version": "0.4.193",
   "keywords": [
     "业务组件"
   ],

package/types/components/lcb-banner/lcb-banner.vue.d.ts

@@ -11,6 +11,7 @@ declare const _default: import('vue').DefineComponent<
       titleTop: number
       titleLeft: number
       fontWeight: number
+      supportClickScroll: boolean
     }
   >,
   {},
@@ -35,6 +36,7 @@ declare const _default: import('vue').DefineComponent<
           titleTop: number
           titleLeft: number
           fontWeight: number
+          supportClickScroll: boolean
         }
       >
     >
@@ -44,6 +46,7 @@ declare const _default: import('vue').DefineComponent<
     fontWeight: number
     styleGroup: 1 | 2
     slidingStyle: 1 | 2
+    supportClickScroll: boolean
     titleColor: string
     titleFontSize: number
     titleTop: number

package/types/components/lcb-banner/types.d.ts

@@ -54,6 +54,7 @@ export interface LcbBannerProps extends LcbBlockProps {
   slidingStyle?: 1 | 2
   maskBgColor?: string
   fullScreenBackground?: boolean
+  supportClickScroll?: boolean
   /** 是否全屏流式banner */
   fullBannerFlow?: boolean
   titleColor?: string

package/types/constants.d.ts

@@ -13,3 +13,5 @@ export declare const LIST_FORM_CHOOSER_VALUES = 'list_form_chooser_values'
 export declare const PAGE_DYNAMIC_DATA = 'page_dynamic_data'
 /** 列表页表单选择项 */
 export declare const WRAPPER_ITEM_KEY = 'wrapper_item_key'
+/** 是否显示tabbar */
+export declare const SHOW_TABBAR = 'show_tabbar'