kubbo/dvcp_v2_wechat_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页

Browse Source
This commit is contained in:
shijingjing
2023-03-22 13:47:10 +08:00
parent 0fe811958d
commit 5206203caa
2 changed files with 78 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/project/fengdu/AppHome/AppHome.vue
View File

@@ -21,10 +21,27 @@
</div>
<div class="card">
<img class="card-left" src="https://cdn.cunwuyun.cn/fengdu/yinhang.svg" @click="$linkTo('/mods/AppNewFarmerBank/AppNewFarmerBank')" alt="">
<div class="card-left">
<div class="left-word">
<p>丰收银行</p>
<div>行好事</div>
<div>得积分</div>
<div>去兑换</div>
</div>
</div>
<div class="card-right">
<img src="https://cdn.cunwuyun.cn/fengdu/xinnongren.png" alt="" @click="$linkTo('/mods/AppNewFarmer/AppNewFarmer')">
<img src="https://cdn.cunwuyun.cn/fengdu/jiaoyuhuzhu.png" alt="" @click="$linkTo('/mods/AppHelpEachOther/AppHelpEachOther')">
<div class="xnr">
<div class="bottom-word">
<p>丰都新农人</p>
<div>新农人新经济</div>
</div>
</div>
<div class="jyhz">
<div class="bottom-word">
<p>家庭教育互助惠</p>
<div>关注每一个留守儿童</div>
</div>
</div>
</div>
</div>
<AiLogin ref="login"/>
@@ -226,6 +243,7 @@ export default {
white-space: nowrap;
}
}
.card {
background: #FFF;
padding: 32px;
@@ -236,17 +254,61 @@ export default {
.card-left {
width: 322px;
height: 462px;
background: url('https://cdn.cunwuyun.cn/fengdu/fengshouyinhang.png') no-repeat;
background-size: 100% 100%;
padding: 32px 32px;
box-sizing: border-box;
.left-word {
color: #4C3FCD;
font-size: 22px;
p {
font-size: 36px;
font-weight: 600;
margin-bottom: 10px;
}
div {
margin-left: 40px;
height: 40px;
line-height: 40px;
}
}
}
.card-right {
width: 334px;
height: 462px;
img {
display: flex;
flex-direction: column;
justify-content: space-between;
.xnr,
.jyhz {
width: 334px;
height: 216px;
padding: 32px 32px;
box-sizing: border-box;
font-size: 20px;
}
img:last-child {
margin-top: 24px;
.xnr {
background: url('https://cdn.cunwuyun.cn/fengdu/fengduxinnongren.png');
background-size: 100% 100%;
color: #DF863E;
p {
color: #DF863E;
font-size: 30px;
font-weight: 600;
margin-bottom: 8px;
}
}
.jyhz {
background: url('https://cdn.cunwuyun.cn/fengdu/jiaoyuhuzhu.png');
background-size: 100% 100%;
color: #D9606E;
p {
color: #D9606E;
font-size: 30px;
font-weight: 600;
margin-bottom: 8px;
}
}
}
}