bowong
/
expo-duooomi-app
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix：css

This commit is contained in:
郭文文 2026-01-27 14:25:57 +08:00
parent e206bdf900
commit af73322abd
2 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/profile.tsx
View File

@ -52,7 +52,7 @@ function EditNicknameModal({ initialName, onConfirm, onCancel }: EditNicknameMod
content={
<Block className="w-full">
<Input
className="w-full rounded-lg border-2 border-black px-[12px] py-[10px] text-[14px]"
className="w-full rounded-lg border-2 border-[#323232] px-[12px] py-[10px] text-[14px]"
placeholder="请输入6-12个字符"
placeholderTextColor="#9CA3AF"
value={name}
@ -211,9 +211,9 @@ export default observer(function ProfilePage() {
const renderHeader = () => (
<Block className="flex-row items-center justify-between px-[16px] py-[10px]">
<Block className="ml-[-8px] size-[40px] items-center justify-center" opacity={0.7} onClick={() => router.back()}>
<Ionicons color="black" name="chevron-back" size={24} />
<Ionicons color="#323232" name="chevron-back" size={24} />
</Block>
<Text className="text-[16px] font-[700] text-black">个人信息</Text>
<Text className="text-[16px] font-[700] text-[#323232]">个人信息</Text>
<Block className="w-[32px]" />
</Block>
)
@ -243,7 +243,7 @@ export default observer(function ProfilePage() {
<Block className="mx-[16px] mt-[32px] rounded-xl bg-white px-[16px]">
{infoItems.map((item) => (
<Block key={item.id} className="flex-row items-center gap-[12px] py-[16px]" onClick={item.onPress}>
<Text className="w-[56px] text-[14px] text-black">{item.label}</Text>
<Text className="w-[56px] text-[14px] text-[#323232]">{item.label}</Text>
<Text
className="flex-1 text-right text-[14px] text-[#9D9D9D]"
style={{ color: item.valueGray ? '#9CA3AF' : '#000' }}

20
app/settings.tsx
View File

@ -79,26 +79,26 @@ export default observer(function SettingsPage() {
const renderHeader = () => (
<Block className="flex-row items-center justify-between px-[16px] py-[10px]">
<Block className="ml-[-8px] size-[40px] items-center justify-center" opacity={0.7} onClick={() => router.back()}>
<Ionicons color="black" name="chevron-back" size={24} />
<Ionicons color="#323232" name="chevron-back" size={24} />
</Block>
<Text className="text-[16px] font-[700] text-black">设置</Text>
<Text className="text-[16px] font-[700] text-[#323232]">设置</Text>
<Block className="w-[32px]" />
</Block>
)
const renderUserSection = () => (
<Block className="flex-row items-center gap-[12px] px-[16px] py-[10px]" onClick={handleUserProfileClick}>
<Block className="size-[60px] items-center justify-center overflow-hidden rounded-full bg-gray-200">
<Block className="size-[68px] items-center justify-center overflow-hidden rounded-full bg-gray-200">
{user?.image ? (
<Img src={user.image} style={{ width: 60, height: 60, borderRadius: 30 }} width={60} />
<Img src={user.image} style={{ width: 68, height: 68, borderRadius: 30 }} width={68} />
) : (
<Ionicons color="#9CA3AF" name="person" size={32} />
)}
</Block>
<Block className="flex-1">
<Text className="text-[16px] font-[700] text-black">{user?.name || user?.phoneNumber || '未登录'}</Text>
<Text className="text-[16px] font-[700] text-[#323232]">{user?.name || user?.phoneNumber || '未登录'}</Text>
{(user?.phoneNumber || (user?.email && user?.emailVerified)) && user?.name && (
<Text className="mt-[4px] text-[12px] text-gray-500">{user.phoneNumber || user.email}</Text>
<Text className="mt-[4px] text-[12px] text-[#9D9D9D]">{user.phoneNumber || user.email}</Text>
)}
</Block>
<Ionicons color="#323232" name="chevron-forward" size={20} />
@ -112,9 +112,9 @@ export default observer(function SettingsPage() {
{menuItems.map((item) => (
<Block key={item.id}>
<Block className="flex-row items-center gap-[12px] p-[16px]" onClick={item.onPress}>
<Ionicons color="#666" name={item.icon} size={22} />
<Text className="flex-1 text-[14px] text-black">{item.label}</Text>
<Ionicons color="#9CA3AF" name="chevron-forward" size={20} />
<Ionicons color="#323232" name={item.icon} size={22} />
<Text className="flex-1 text-[14px] text-[#323232]">{item.label}</Text>
<Ionicons color="#9D9D9D" name="chevron-forward" size={20} />
</Block>
</Block>
))}
@ -125,7 +125,7 @@ export default observer(function SettingsPage() {
const renderLogoutButton = () => (
<Block className="mt-[40px] items-center px-[16px]">
<Block className="w-full items-center justify-center rounded-xl bg-white py-[14px]" onClick={handleLogout}>
<Text className="text-[14px] font-[600] text-black">退出登录</Text>
<Text className="text-[14px] font-[600] text-[#323232]">退出登录</Text>
</Block>
</Block>
)