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

View File

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

View File

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