居民社群样式调整

This commit is contained in:
shijingjing
2023-03-22 16:32:50 +08:00
parent b3a06a51fa
commit 2f98f6bc09
3 changed files with 58 additions and 60 deletions

View File

@@ -22,7 +22,7 @@
<div class="card"> <div class="card">
<div class="card-left"> <div class="card-left">
<div class="left-word"> <div class="left-word" @click="$linkTo('/mods/AppNewFarmerBank/AppNewFarmerBank')">
<p>丰收银行</p> <p>丰收银行</p>
<div>行好事</div> <div>行好事</div>
<div>得积分</div> <div>得积分</div>
@@ -30,13 +30,13 @@
</div> </div>
</div> </div>
<div class="card-right"> <div class="card-right">
<div class="xnr"> <div class="xnr" @click="$linkTo('/mods/AppFarmerBank/AppFarmerBank')">
<div class="bottom-word"> <div class="bottom-word">
<p>丰都新农人</p> <p>丰都新农人</p>
<div>新农人新经济</div> <div>新农人新经济</div>
</div> </div>
</div> </div>
<div class="jyhz"> <div class="jyhz" @click="$linkTo('/mods/AppHelpEachOther/AppHelpEachOther')">
<div class="bottom-word"> <div class="bottom-word">
<p>家庭教育互助惠</p> <p>家庭教育互助惠</p>
<div>关注每一个留守儿童</div> <div>关注每一个留守儿童</div>

View File

@@ -7,18 +7,18 @@
<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/> <div class="tips">
<!-- <web-view :webview-styles="webviewStyles" class="qrcode-img" v-if="picUrl" :src="picUrl"></web-view> --> <div class="name-tip" v-if="groupInfo.name">
<div v-else class="tips"> <div class="name">{{ groupInfo.name }}</div>
<AiEmpty :description="`暂未选择群聊`" class="emptyWrap"/> <div class="count">({{ groupInfo.personCount }})</div>
</div>
</div> </div>
</div> </div>
<div class="jionGroup"> <div class="jionGroup">
<!-- 长按保存图片或扫码加入群聊 --> <!-- 长按保存图片或扫码加入群聊 -->
<!-- 通过扫一扫加入与通过插件加入只能选一种 --> <!-- 通过扫一扫加入与通过插件加入只能选一种 -->
<cell class="group" @startmessage="startmessage" @completemessage="completemessage" <cell class="group" :url='picUrl' v-if="picUrl"></cell>
url='https://work.weixin.qq.com/gm/1c48ab4ed49168fa9433e2410d10797f' v-if="picUrl"></cell>
</div> </div>
<div class="pic"> <div class="pic">
@@ -43,10 +43,7 @@ export default {
list: [], list: [],
picUrl: '', picUrl: '',
idName: '', idName: '',
// webviewStyles: { groupInfo: {},
// width: '400px',
// height: '400px',
// }
} }
}, },
onShow() { onShow() {
@@ -57,17 +54,12 @@ export default {
handler(v) { handler(v) {
if(v) { if(v) {
this.picUrl = this.list.filter(i=> i.id == v)[0].qrCode this.picUrl = this.list.filter(i=> i.id == v)[0].qrCode
this.groupInfo = this.list.filter(i => i.id == v)[0]
} }
} }
} }
}, },
methods: { methods: {
startmessage(e) {
console.log(e, '1111');
},
completemessage(e) {
console.log(e,'222');
},
getSelect() { getSelect() {
const {areaId} = this.user const {areaId} = this.user
areaId && this.$instance.post(`/app/wxcp/wxgroup/listByAreaId`, null, { areaId && this.$instance.post(`/app/wxcp/wxgroup/listByAreaId`, null, {
@@ -118,26 +110,7 @@ export default {
color: #666; color: #666;
text-align: center; text-align: center;
font-size: 28px; font-size: 28px;
// ::v-deep functional-page-navigator {
// width: 100%;
// height: 100%;
// text-align: center;
// background: #2D7DFF;
// border-radius: 40px;
// view {
// text {
// color: #FFFFFF !important;
// margin: 0;
// }
// image {
// display: none;
// }
// }
// }
} }
// ::v-deep .group_chat_icon {
// display: none;
// }
.header { .header {
width: 100%; width: 100%;
@@ -149,29 +122,42 @@ export default {
width: 542px; width: 542px;
height: 542px; height: 542px;
margin: 10% auto 10%; margin: 10% auto 10%;
background: #F6F9FF; border-top: 4px solid #7d87a4;
border-radius: 12px; padding: 70px 68px;
border: 8px solid #f6f5f8;
padding: 36px;
box-sizing: border-box; box-sizing: border-box;
::v-deep AiImage {
width: 100%;
height: 100%;
}
::v-deep .qrcode-img {
width: 470px;
height: 470px;
image {
width: 470px;
height: 470px;
}
}
.tips { .tips {
width: 100%; width: 406px;
height: 402px;
background: url('https://cdn.cunwuyun.cn/fengdu/img-qunliao.png') no-repeat;
background-size: 100% 100%;
position: relative;
.name-tip {
position: absolute;
top: 42px;
left: 86px;
width: 230px;
height: 50px;
line-height: 50px;
display: flex;
font-size: 22px;
font-weight: 600;
color: #333333;
.name {
width: 165px;
height: 100%; height: 100%;
line-height: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.count {
width: calc(100% - 165px);
height: 100%;
line-height: 50px;
}
}
} }

View File

@@ -24,6 +24,7 @@
<img class="result-img" v-show="item.myRecord.assessmentType == 3" src="https://cdn.cunwuyun.cn/qujing/buhege.png" alt=""> <img class="result-img" v-show="item.myRecord.assessmentType == 3" src="https://cdn.cunwuyun.cn/qujing/buhege.png" alt="">
</div> </div>
<div class="grade" :class="{'error':item.myRecord.assessmentType == 3}">{{ item.myRecord.score }}</div> <div class="grade" :class="{'error':item.myRecord.assessmentType == 3}">{{ item.myRecord.score }}</div>
<div class="tips" v-if="item.examinationType">{{ item.examinationType==0? '学习测试':'考试认证' }}</div>
</div> </div>
<div class="card_bottom col_blue" @click="handleToTest(item.id)">{{ item.myRecord? '重新考试':'参加考试'}}</div> <div class="card_bottom col_blue" @click="handleToTest(item.id)">{{ item.myRecord? '重新考试':'参加考试'}}</div>
</div> </div>
@@ -222,7 +223,7 @@ export default {
.result { .result {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 10px;
.result-img { .result-img {
width: 200px; width: 200px;
height: 200px; height: 200px;
@@ -232,7 +233,7 @@ export default {
.grade { .grade {
position: absolute; position: absolute;
right: 75px; right: 75px;
top: 60px; top: 80px;
font-weight: 500; font-weight: 500;
font-size: 40px; font-size: 40px;
color: #0FC484; color: #0FC484;
@@ -242,6 +243,17 @@ export default {
color: #E23C3C; color: #E23C3C;
} }
.tips {
position: absolute;
top: 0;
right: 0;
width: 116px;
height: 38px;
background: #FF772D;
border-radius: 0 16px 0 16px;
color: #FFF;
}
} }
.card_bottom { .card_bottom {