@momo-kits/template 0.168.1-rn.88.0 → 0.169.1
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.
|
@@ -3,6 +3,7 @@ import {Animated, TouchableOpacity} from 'react-native';
|
|
|
3
3
|
import {Carousel} from '@momo-kits/carousel';
|
|
4
4
|
import {Image, Pagination, Spacing} from '@momo-kits/foundation';
|
|
5
5
|
import {HeaderSliderBannerProps} from './types';
|
|
6
|
+
import styles from './styles';
|
|
6
7
|
|
|
7
8
|
const HeaderSliderBanner: FC<HeaderSliderBannerProps> = ({
|
|
8
9
|
animatedValue = new Animated.Value(0),
|
|
@@ -41,7 +42,7 @@ const HeaderSliderBanner: FC<HeaderSliderBannerProps> = ({
|
|
|
41
42
|
return (
|
|
42
43
|
<TouchableOpacity disabled={!onPressItem} onPress={onPressItem}>
|
|
43
44
|
<Image
|
|
44
|
-
style={
|
|
45
|
+
style={styles.image}
|
|
45
46
|
key={`Header banner ${item}_${index}`}
|
|
46
47
|
source={{
|
|
47
48
|
uri: item,
|
|
@@ -53,11 +54,13 @@ const HeaderSliderBanner: FC<HeaderSliderBannerProps> = ({
|
|
|
53
54
|
|
|
54
55
|
return (
|
|
55
56
|
<Animated.View
|
|
56
|
-
style={
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
57
|
+
style={[
|
|
58
|
+
styles.container,
|
|
59
|
+
{
|
|
60
|
+
opacity: opacity,
|
|
61
|
+
transform: [{scale}, {translateY}],
|
|
62
|
+
},
|
|
63
|
+
]}>
|
|
61
64
|
<Carousel
|
|
62
65
|
{...carouselProps}
|
|
63
66
|
full={true}
|
|
@@ -66,12 +69,13 @@ const HeaderSliderBanner: FC<HeaderSliderBannerProps> = ({
|
|
|
66
69
|
renderItem={renderItem}
|
|
67
70
|
/>
|
|
68
71
|
<Animated.View
|
|
69
|
-
style={
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
72
|
+
style={[
|
|
73
|
+
styles.pagination,
|
|
74
|
+
{
|
|
75
|
+
bottom: paginationBottom - Spacing.S,
|
|
76
|
+
opacity: paginationOpacity,
|
|
77
|
+
},
|
|
78
|
+
]}>
|
|
75
79
|
<Pagination
|
|
76
80
|
{...paginationProps}
|
|
77
81
|
activeIndex={activeIndex}
|
package/TrustBanner/index.tsx
CHANGED
|
@@ -4,6 +4,7 @@ import { TrustBannerCallbackParams, TrustBannerProps } from './types';
|
|
|
4
4
|
import styles from './styles';
|
|
5
5
|
import {
|
|
6
6
|
ApplicationContext,
|
|
7
|
+
Colors,
|
|
7
8
|
Icon,
|
|
8
9
|
Image,
|
|
9
10
|
MiniAppContext,
|
|
@@ -99,12 +100,12 @@ const TrustBanner: FC<TrustBannerProps> = ({
|
|
|
99
100
|
return (
|
|
100
101
|
<View style={stylesInside.footerContainer}>
|
|
101
102
|
<View style={Styles.row}>
|
|
102
|
-
<Text typography={'action_xs_bold'} color={
|
|
103
|
+
<Text typography={'action_xs_bold'} color={Colors.pink_03}>
|
|
103
104
|
{translationSubContent}
|
|
104
105
|
</Text>
|
|
105
106
|
<Icon
|
|
106
107
|
source={'arrow_chevron_right_small'}
|
|
107
|
-
color={
|
|
108
|
+
color={Colors.pink_03}
|
|
108
109
|
size={20}
|
|
109
110
|
/>
|
|
110
111
|
</View>
|