You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 lines
2.3 KiB
126 lines
2.3 KiB
<!-- 同城 -->
|
|
<template>
|
|
<view class="container">
|
|
<!-- 帖子列表循环模板 -->
|
|
<!-- <postList :itemInfo="item" :indexNumber="index" :indexShow="indexShow" @operationShow="operationShow" @getover="getover" v-for="(item, index) in homeList"
|
|
:key="index"></postList> -->
|
|
<post-list v-for="(item,index) in citywideList" :itemInfo="item" :indexNumber="index" :indexShow='indexShow' @getover="getover" @operationShow="operationShow" :key="index"></post-list>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import App from '@/common/js/app.js'
|
|
import postList from '@/components/template/postList'
|
|
export default {
|
|
data() {
|
|
return {
|
|
indexShow: -1,
|
|
}
|
|
},
|
|
props: {
|
|
citywideList: {
|
|
type: Array,
|
|
default: function() {
|
|
return []
|
|
}
|
|
}
|
|
},
|
|
components: {
|
|
postList
|
|
},
|
|
computed: {
|
|
|
|
},
|
|
onShow() {
|
|
|
|
},
|
|
mounted() {
|
|
|
|
},
|
|
methods: {
|
|
operationShow(e) {
|
|
let _this = this;
|
|
_this.indexShow = e;
|
|
},
|
|
getover(id,bor){
|
|
this.$emit('getaver',id,bor)
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.container {
|
|
background-color: #f6f6f6;
|
|
padding: 10upx 30upx;
|
|
}
|
|
|
|
.city-wide-item {
|
|
.city-wideheader {
|
|
.wideheader-left {
|
|
width: 80upx;
|
|
height: 80upx;
|
|
background-size: 80upx 80upx;
|
|
background-repeat: no-repeat;
|
|
border-radius: 50%;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.wideheader-right {
|
|
.wideheader-right-top {
|
|
.wide-onename {
|
|
padding: 4upx 16upx;
|
|
border-radius: 30upx;
|
|
background-color: #ffeded;
|
|
color: #df231c;
|
|
}
|
|
}
|
|
|
|
.wideheader-right-bottom {
|
|
.header-stick {
|
|
border-radius: 4upx;
|
|
background-color: #fe433f;
|
|
color: #fff;
|
|
padding: 0 10upx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.callMobile {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 2;
|
|
padding: 0 20upx 0 16upx;
|
|
height: 40upx;
|
|
line-height: 40upx;
|
|
border-radius: 30upx;
|
|
background: linear-gradient(90deg, #ff8032, #fe453f);
|
|
}
|
|
}
|
|
|
|
.city-content {
|
|
.city-imageList {
|
|
.city-imageItem {
|
|
width: 220upx;
|
|
height: 220upx;
|
|
|
|
&>image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 4upx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.city-wide-detail {
|
|
.city-wide-detail-right {
|
|
.detail-comment {
|
|
.iconfont-size {
|
|
font-size: 36upx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
|