feat: 首页图片文字

This commit is contained in:
hackrobot
2024-03-21 09:58:14 +08:00
parent d85e8ce305
commit 231d07a6c2
3 changed files with 21 additions and 4 deletions

View File

@@ -152,6 +152,7 @@ export default function Index() {
> >
{!item.isCustom ? ( {!item.isCustom ? (
<View className="homeCard"> <View className="homeCard">
<View className="CityName"> {item.cityName}</View>
{/* 城市封面图片 */} {/* 城市封面图片 */}
<Image <Image
style={{ style={{

View File

@@ -26,7 +26,6 @@
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
.Nomadbook { .Nomadbook {
padding: 10px; padding: 10px;
font-size: 25px; font-size: 25px;
@@ -39,7 +38,6 @@
// background-color: red; // background-color: red;
border-radius: 20px; border-radius: 20px;
border: solid 1px #8c8c8c; border: solid 1px #8c8c8c;
} }
.homeCardItem { .homeCardItem {
@@ -54,9 +52,27 @@
.homeCard { .homeCard {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: yellow; // background-color: yellow;
border-radius: 20px; border-radius: 20px;
// margin-left:20px; // margin-left:20px;
position: relative;
.CityName {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
color: #fff;
font-size: 40px;
z-index: 99;
}
Image{
// position: absolute;
z-index: -1;
}
} }
} }
.homeCardDiv { .homeCardDiv {

View File

@@ -50,7 +50,7 @@ const my = () => {
thumb="https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png" thumb="https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png"
/> />
<AtListItem <AtListItem
title="个人资料" title="更新日志"
// note="描述信息" // note="描述信息"
arrow="right" arrow="right"
thumb="http://img10.360buyimg.com/jdphoto/s72x72_jfs/t5872/209/5240187906/2872/8fa98cd/595c3b2aN4155b931.png" thumb="http://img10.360buyimg.com/jdphoto/s72x72_jfs/t5872/209/5240187906/2872/8fa98cd/595c3b2aN4155b931.png"