feat: 轮播图+备案号

This commit is contained in:
jinyaqiu 2025-07-22 15:09:10 +08:00
parent 817b1dd8a0
commit b7962d6bf6
5 changed files with 32 additions and 31 deletions

View File

@ -92,7 +92,7 @@ export default function OwnerPage() {
<ComeinSvg width={24} height={24} />
</View>
{/* 分类 */}
<View style={{ marginHorizontal: -16 }}>
<View style={{ marginHorizontal: -16, marginBottom: -16 }}>
<CarouselComponent data={userInfoDetails?.material_counter} />
</View>

View File

@ -1,4 +1,4 @@
<svg width="403" height="135" viewBox="0 0 403 135" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg width="303" height="100" viewBox="0 0 403 135" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_2610_1468" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="403" height="135">
<rect width="403" height="135" fill="#D9D9D9"/>
</mask>

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

View File

@ -50,8 +50,9 @@ function CarouselComponent(props: Props) {
</View>
))}
<View style={styles.image}>
<UserinfoTotalSvg width={width * 0.8} />
<View style={{ position: 'absolute', bottom: 5, right: 0, left: 0, justifyContent: 'center', alignItems: 'center' }}><HandersSvg /></View>
<UserinfoTotalSvg />
<View style={{ position: 'absolute', bottom: -5, right: 0, left: 0, justifyContent: 'center', alignItems: 'center' }}><HandersSvg /></View>
</View>
</View>
}
@ -72,7 +73,7 @@ function CarouselComponent(props: Props) {
defaultIndex={carouselDataValue?.findIndex((item) => item?.key === 'total_count') - 1 || 0}
modeConfig={{
parallaxScrollingScale: 1,
parallaxScrollingOffset: 180,
parallaxScrollingOffset: 160,
parallaxAdjacentItemScale: 0.7
}}
renderItem={({ item, index }) => {
@ -109,7 +110,8 @@ function CarouselComponent(props: Props) {
const styles = StyleSheet.create({
container: {
backgroundColor: "#FFB645",
padding: 16,
paddingVertical: 8,
paddingHorizontal: 16,
borderRadius: 16,
display: "flex",
flexDirection: "column",
@ -119,11 +121,9 @@ const styles = StyleSheet.create({
},
image: {
position: 'absolute',
bottom: -10,
bottom: 0,
right: 0,
left: 0,
width: '100%',
height: '100%',
alignItems: 'center',
justifyContent: 'flex-end',
},
@ -131,7 +131,7 @@ const styles = StyleSheet.create({
flexDirection: "row",
alignItems: "center",
justifyContent: "space-between",
paddingVertical: 12,
paddingVertical: 8,
borderBottomColor: '#fff',
borderBottomWidth: 1,
},
@ -146,6 +146,7 @@ const styles = StyleSheet.create({
fontSize: 32,
textAlign: 'right',
flex: 1,
paddingTop: 8
}
})

View File

@ -15,7 +15,7 @@
"homepage": "HomePage",
"signup": "Sign up",
"login": "Login",
"trade":"copyright 2025 MemoWake - All rights reserved",
"trade": "沪ICP备2025133004号-2A",
"logout": "Logout",
"self": "Personal Center"
},

View File

@ -15,7 +15,7 @@
"homepage": "首页",
"signup": "注册",
"login": "登录",
"trade": "沪ICP备2023032876号-4",
"trade": "沪ICP备2025133004号-2A",
"logout": "退出登录",
"self": "个人中心"
},