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

@ -11,18 +11,18 @@
"common": { "common": {
"search": "Search...", "search": "Search...",
"title": "MemoWake - Home Video Memory, Powered by AI", "title": "MemoWake - Home Video Memory, Powered by AI",
"name":"MemoWake", "name": "MemoWake",
"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"
}, },
"welcome": { "welcome": {
"welcome": "Welcome to MemoWake~", "welcome": "Welcome to MemoWake~",
"slogan": "Preserve your love, laughter and precious moments forever", "slogan": "Preserve your love, laughter and precious moments forever",
"notice": "s back to live family portrait " "notice": "s back to live family portrait "
}, },
"imagePreview": { "imagePreview": {
"zoomOut": "Zoom out", "zoomOut": "Zoom out",
@ -62,7 +62,7 @@
"file": { "file": {
"invalidType": "Invalid file type", "invalidType": "Invalid file type",
"tooLarge": "File too large", "tooLarge": "File too large",
"tooSmall":"File too small" "tooSmall": "File too small"
}, },
"email": { "email": {
"required": "Email is required", "required": "Email is required",

View File

@ -11,13 +11,13 @@
"common": { "common": {
"search": "搜索...", "search": "搜索...",
"title": "MemoWake - AI驱动的家庭「视频记忆」", "title": "MemoWake - AI驱动的家庭「视频记忆」",
"name":"MemoWake", "name": "MemoWake",
"homepage":"首页", "homepage": "首页",
"signup":"注册", "signup": "注册",
"login":"登录", "login": "登录",
"trade": "沪ICP备2023032876号-4", "trade": "沪ICP备2025133004号-2A",
"logout":"退出登录", "logout": "退出登录",
"self":"个人中心" "self": "个人中心"
}, },
"welcome": { "welcome": {
"welcome": "欢迎来到 MemoWake~", "welcome": "欢迎来到 MemoWake~",