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

View File

@@ -21,10 +21,27 @@
</div> </div>
<div class="card"> <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"> <div class="card-right">
<img src="https://cdn.cunwuyun.cn/fengdu/xinnongren.png" alt="" @click="$linkTo('/mods/AppNewFarmer/AppNewFarmer')"> <div class="xnr">
<img src="https://cdn.cunwuyun.cn/fengdu/jiaoyuhuzhu.png" alt="" @click="$linkTo('/mods/AppHelpEachOther/AppHelpEachOther')"> <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>
</div> </div>
<AiLogin ref="login"/> <AiLogin ref="login"/>
@@ -226,6 +243,7 @@ export default {
white-space: nowrap; white-space: nowrap;
} }
} }
.card { .card {
background: #FFF; background: #FFF;
padding: 32px; padding: 32px;
@@ -236,17 +254,61 @@ export default {
.card-left { .card-left {
width: 322px; width: 322px;
height: 462px; 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 { .card-right {
width: 334px; width: 334px;
height: 462px; height: 462px;
display: flex;
img { flex-direction: column;
justify-content: space-between;
.xnr,
.jyhz {
width: 334px; width: 334px;
height: 216px; height: 216px;
padding: 32px 32px;
box-sizing: border-box;
font-size: 20px;
}
.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;
} }
img:last-child {
margin-top: 24px;
} }
} }
} }

View File

@@ -7,8 +7,8 @@
<u-icon name="arrow-down" color="#666" size="24" style="margin-left: 4px"></u-icon> <u-icon name="arrow-down" color="#666" size="24" style="margin-left: 4px"></u-icon>
</AiSelect> </AiSelect>
<div class="qrcode-content"> <div class="qrcode-content">
<!-- <AiImage :src="picUrl" class="qrcode-img" v-if="picUrl" preview/> --> <AiImage :src="picUrl" class="qrcode-img" v-if="picUrl" preview/>
<web-view :webview-styles="webviewStyles" class="qrcode-img" v-if="picUrl" :src="picUrl"></web-view> <!-- <web-view :webview-styles="webviewStyles" class="qrcode-img" v-if="picUrl" :src="picUrl"></web-view> -->
<div v-else class="tips"> <div v-else class="tips">
<AiEmpty :description="`暂未选择群聊`" class="emptyWrap"/> <AiEmpty :description="`暂未选择群聊`" class="emptyWrap"/>
</div> </div>
@@ -43,10 +43,10 @@ export default {
list: [], list: [],
picUrl: '', picUrl: '',
idName: '', idName: '',
webviewStyles: { // webviewStyles: {
width: '400px', // width: '400px',
height: '400px', // height: '400px',
} // }
} }
}, },
onShow() { onShow() {
@@ -129,9 +129,9 @@ export default {
// } // }
// } // }
} }
::v-deep .group_chat_icon { // ::v-deep .group_chat_icon {
display: none; // display: none;
} // }
.header { .header {
width: 100%; width: 100%;