居民社群样式调整
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user