eric/gitlab-instance-0a899031_cityh5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加合集跳转链接

Browse Source
This commit is contained in:
hackrobot
2024-07-17 10:08:45 +08:00
parent bc72d18a89
commit 376cc14cc8
2 changed files with 28 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/pages/index/index.jsx
View File

@@ -30,7 +30,6 @@ import phone from "../../images/phone.png";
import robot from "../../images/robot.png"; import robot from "../../images/robot.png";
import nomad from "../../images/nomad.png"; import nomad from "../../images/nomad.png";
// export default class Index extends Component { // export default class Index extends Component {
const Index = () => { const Index = () => {
const [current, setcurrent] = useState(0); const [current, setcurrent] = useState(0);
@@ -155,38 +154,50 @@ const Index = () => {
arrow="right" arrow="right"
// hasBorder={false} // hasBorder={false}
thumb={phone} thumb={phone}
onClick={() => {}} onClick={() => {
window.location.href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU4NTgyNDUxNw==&action=getalbum&album_id=3403853254399082501#wechat_redirect"
}}
/> />
<AtListItem <AtListItem
title="微信机器人" title="微信机器人"
arrow="right" arrow="right"
// hasBorder={false} // hasBorder={false}
thumb={robot} thumb={robot}
onClick={() => {}} onClick={() => {
window.location.href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU4NTgyNDUxNw==&action=getalbum&album_id=3545545030499270661#wechat_redirect"
}}
/> />
<AtListItem <AtListItem
title="数字游民" title="数字游民"
arrow="right" arrow="right"
// hasBorder={false} // hasBorder={false}
thumb={nomad} thumb={nomad}
onClick={() => {}} onClick={() => {
window.location.href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU4NTgyNDUxNw==&action=getalbum&album_id=3545541605766168582#wechat_redirect"
}}
/> />
</AtList> </AtList>
</View> </View>
{/* 软件下载 */}
<View className="software"> <View className="software">
<View className="emojiTitle"> <View className="emojiTitle">
<span style={{ color: "green" }}>|</span> 我写的软件工具 <span style={{ color: "green" }}>|</span> 我写的软件工具
</View> </View>
<View className="emojitext"> <View className="emojitext">
markdown转emoji编辑器 <View>
<AtIcon value="file-generic" size="30" color="#F00"></AtIcon>{" "}
markdown转emoji编辑器
</View>
<AtIcon value="download-cloud" size="30" color="#F00"></AtIcon>
</View> </View>
<View className="software-emoji">
{/* <View className="software-emoji">
<Image <Image
style="width: 80%;height: 240px;background: #fff;" style="width: 80%;height: 240px;background: #fff;"
src={emoji} src={emoji}
/> />
</View> </View> */}
</View> </View>
<View className="index-meetup animate__animated animate__pulse"> <View className="index-meetup animate__animated animate__pulse">

15
src/pages/index/index.scss
View File

@@ -23,7 +23,7 @@
} }
.index-article { .index-article {
margin-top: 40px; margin-top: 60px;
// background-color: yellow; // background-color: yellow;
font-size: 30px; font-size: 30px;
.spanText { .spanText {
@@ -32,17 +32,22 @@
} }
.index-list { .index-list {
margin-top: 40px; margin-top: 60px;
} }
.software { .software {
margin-top: 40px; margin-top: 60px;
font-size: 30px; font-size: 30px;
padding: 30px;
.emojiTitle{ .emojiTitle{
color: rgb(99 102 241); color: rgb(99 102 241);
} }
.emojitext { .emojitext {
font-size: 24px; display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
font-size: 28px;
} }
.software-emoji { .software-emoji {
display: flex; display: flex;
@@ -53,7 +58,7 @@
} }
.index-meetup { .index-meetup {
margin-top: 40px; margin-top: 60px;
.meetup-card { .meetup-card {
display: flex; display: flex;