@tplc/business 0.4.167 → 0.4.169

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,10 @@
2
2
 
3
3
  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.
4
4
 
5
+ ### [0.4.169](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.96...v0.4.169) (2025-07-25)
6
+
7
+ ### [0.4.168](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.94...v0.4.168) (2025-07-25)
8
+
5
9
  ### [0.4.167](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.96...v0.4.167) (2025-07-23)
6
10
 
7
11
 
@@ -1,6 +1,10 @@
1
1
  <template>
2
- <view class="lcb-banner">
3
- <lcb-block v-bind="$props" custom-class="overflow-visible">
2
+ <view
3
+ class="lcb-banner"
4
+ :class="{ 'full-screen-background': fullScreenBackground }"
5
+ :style="{ filter: `blur(${Math.min(scrollTop / 100, 10)}px)` }"
6
+ >
7
+ <lcb-block v-bind="$props" custom-class="overflow-visible lcb-banner-block">
4
8
  <wd-swiper
5
9
  value-key="url"
6
10
  action
@@ -8,7 +12,7 @@
8
12
  v-bind="{
9
13
  list: items,
10
14
  loop,
11
- height: transformValueUnit(height),
15
+ height: fullScreenBackground ? '100%' : transformValueUnit(height),
12
16
  imgWidth: imgWidth && transformValueUnit(imgWidth),
13
17
  radius: transformValueUnit(radius),
14
18
  autoplay: Boolean(interval),
@@ -21,6 +25,7 @@
21
25
  indicator: indicator ? { type: indicator } : false,
22
26
  indicatorCustomStyle,
23
27
  customStyle,
28
+ maskBgColor,
24
29
  ...supplementProps,
25
30
  }"
26
31
  />
@@ -29,9 +34,10 @@
29
34
  </template>
30
35
 
31
36
  <script setup lang="ts">
32
- import { computed } from 'vue'
37
+ import { computed, ref } from 'vue'
33
38
  import { LcbBannerProps } from './types'
34
39
  import { transformValueUnit } from '../../utils/transform'
40
+ import { onPageScroll } from '@dcloudio/uni-app'
35
41
  defineOptions({
36
42
  name: 'LcbBanner',
37
43
  options: {
@@ -45,6 +51,7 @@ const props = withDefaults(defineProps<LcbBannerProps>(), {
45
51
  radius: 0,
46
52
  slidingStyle: 1,
47
53
  })
54
+ const scrollTop = ref(0)
48
55
  const supplementProps = computed(() => {
49
56
  if (props.styleGroup === 2) {
50
57
  return {
@@ -66,6 +73,11 @@ const indicatorCustomStyle = computed(() => {
66
73
  const customStyle = computed(() => {
67
74
  return props.paddingBottom ? `padding-bottom: ${transformValueUnit(props.paddingBottom)}` : ''
68
75
  })
76
+ onPageScroll((e) => {
77
+ if (props.fullScreenBackground) {
78
+ scrollTop.value = e.scrollTop
79
+ }
80
+ })
69
81
  </script>
70
82
  <style lang="scss" scoped>
71
83
  .lcb-banner {
@@ -73,4 +85,20 @@ const customStyle = computed(() => {
73
85
  box-shadow: 0px 4rpx 10rpx 0px rgba(51, 51, 51, 0.1);
74
86
  }
75
87
  }
88
+ .full-screen-background {
89
+ width: 100%;
90
+ height: 100%;
91
+ z-index: 0;
92
+ position: fixed;
93
+ top: 0;
94
+ left: 0;
95
+ .lcb-banner-block {
96
+ width: 100%;
97
+ height: 100%;
98
+ }
99
+ :deep(.wd-swiper, uni-swiper, .uni-swiper-wrapper, .uni-swiper-wrapper) {
100
+ width: 100% !important;
101
+ height: 100% !important;
102
+ }
103
+ }
76
104
  </style>
@@ -50,4 +50,6 @@ export interface LcbBannerProps extends LcbBlockProps {
50
50
  indicator?: 'dots' | 'dots-bar' | 'fraction'
51
51
  /** 滑动样式 1平面 2立体 */
52
52
  slidingStyle?: 1 | 2
53
+ maskBgColor?: string
54
+ fullScreenBackground?: boolean
53
55
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tplc/business",
3
- "version": "0.4.167",
3
+ "version": "0.4.169",
4
4
  "keywords": [
5
5
  "业务组件"
6
6
  ],
@@ -11,7 +11,7 @@
11
11
  },
12
12
  "peerDependencies": {
13
13
  "vue": ">=3.2.47",
14
- "@tplc/wot": "0.1.92"
14
+ "@tplc/wot": "0.1.96"
15
15
  },
16
16
  "engines": {
17
17
  "node": ">=18",
@@ -47,4 +47,6 @@ export interface LcbBannerProps extends LcbBlockProps {
47
47
  indicator?: 'dots' | 'dots-bar' | 'fraction'
48
48
  /** 滑动样式 1平面 2立体 */
49
49
  slidingStyle?: 1 | 2
50
+ maskBgColor?: string
51
+ fullScreenBackground?: boolean
50
52
  }