view class=container u-calendar show=true mode=multiple confirm=confirm u-calendar image class=topimg src=httpsmeiyun-mngoss-cn-hangzhoualiyuncscomuploadbigscreenimgE6A
<template>
<div class="container">
<u-calendar :show="true" mode="multiple" @confirm="confirm"></u-calendar>
<img class="topimg" src="https://meiyun-mng.oss-cn-hangzhou.aliyuncs.com/upload/bigscreen/img/%E6%AD%A3%E5%BC%8F%E5%BA%93/%E8%AF%B8%E6%A1%A5%E6%9D%91/%E7%9F%A9%E5%BD%A2%20%2B%20d8de2a9eb2af30336de4570ac54ac667%E8%92%99%E7%89%88%402x.png"/>
<div class="top">
<img src="https://meiyun-mng.oss-cn-hangzhou.aliyuncs.com/upload/bigscreen/img/%E6%AD%A3%E5%BC%8F%E5%BA%93/%E8%AF%B8%E6%A1%A5%E6%9D%91/%E5%AE%9A%E4%BD%8D%402x.png"/>
<div>诸桥村{{ gridName }}</div>
</div>
<div class="list">
<div class="item">
<div class="title">联系党员</div>
<div class="main" v-for="(item, index) in partymemberDataList" :key="index">
<img class="main-left" :src="item.picture ? item.picture : 'https://meiyun-mng.oss-cn-hangzhou.aliyuncs.com/upload/bigscreen/img/%E6%AD%A3%E5%BC%8F%E5%BA%93/%E6%B5%B7%E6%BD%AE/%E5%A4%9A%E5%BD%A9%E4%B9%A1%E6%9D%91/%E6%A4%AD%E5%9C%86%E5%BD%A2%202%402x.png'"/>
<div class="main-right">
<div class="name">{{ item.name }}</div>
<div class="phone">联系电话:<span style="font-size: 28rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #476AFF;" @click="call(item.phone)">{{ item.phone }}</span></div>
</div>
</div>
</div>
<div class="item">
<div class="title">网格员</div>
<div class="main" v-for="(item, index) in gridDataList" :key="index">
<img class="main-left" :src="item.picture ? item.picture : 'https://meiyun-mng.oss-cn-hangzhou.aliyuncs.com/upload/bigscreen/img/%E6%AD%A3%E5%BC%8F%E5%BA%93/%E6%B5%B7%E6%BD%AE/%E5%A4%9A%E5%BD%A9%E4%B9%A1%E6%9D%91/%E6%A4%AD%E5%9C%86%E5%BD%A2%202%402x.png'"/>
<div class="main-right">
<div class="name">{{ item.name }}</div>
<div class="phone">联系电话:<span style="font-size: 28rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #476AFF;" @click="call(item.phone)">{{ item.phone }}</span></div>
</div>
</div>
</div>
</div>
<!-- <div>{{jsonUrl}}</div> -->
<div class="btn" @click="gotoLogin">我要上报</div>
</div>
</template>
<script>
export default {
data() {
return {
// your data here
}
},
methods: {
// your methods here
}
}
</script>
<style scoped>
.container {
// your styles here
}
.topimg {
// your styles here
}
.top {
// your styles here
}
.list {
// your styles here
}
.item {
// your styles here
}
.title {
// your styles here
}
.main {
// your styles here
}
.main-left {
// your styles here
}
.main-right {
// your styles here
}
.name {
// your styles here
}
.phone {
// your styles here
}
.btn {
// your styles here
}
</style
原文地址: https://www.cveoy.top/t/topic/hYUL 著作权归作者所有。请勿转载和采集!