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 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;
}
}
}
}

View File

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