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 ? (
<View className="homeCard">
<View className="CityName"> {item.cityName}</View>
{/* 城市封面图片 */}
<Image
style={{

View File

@@ -26,7 +26,6 @@
flex-direction: row;
flex-wrap: wrap;
.Nomadbook {
padding: 10px;
font-size: 25px;
@@ -39,7 +38,6 @@
// background-color: red;
border-radius: 20px;
border: solid 1px #8c8c8c;
}
.homeCardItem {
@@ -54,9 +52,27 @@
.homeCard {
width: 100%;
height: 100%;
background-color: yellow;
// background-color: yellow;
border-radius: 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 {

View File

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