精选动态
This commit is contained in:
		@@ -48,10 +48,10 @@
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="list" v-if="list.length">
 | 
			
		||||
        <div class="card" v-for="(item,index) in list" :key="index">
 | 
			
		||||
          <div class="title-info">
 | 
			
		||||
            <p v-if="item.girdName"><span>社区网格:</span>{{item.girdName}}</p>
 | 
			
		||||
            <p v-if="item.title"><span>事件类型:</span>{{item.title}}</p>
 | 
			
		||||
          <div class="title-info" v-if="item.girdName">
 | 
			
		||||
            {{item.girdName}}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="type-info">{{item.createUserName}}<span>{{item.title}}</span></div>
 | 
			
		||||
          <div class="top">
 | 
			
		||||
            <div class="left" @click="$linkTo(`./pickDetail?id=${item.id}`)">
 | 
			
		||||
              <p>{{ item.content }}</p>
 | 
			
		||||
@@ -308,12 +308,26 @@ export default {
 | 
			
		||||
        background: #FFF;
 | 
			
		||||
        border-radius: 12px;
 | 
			
		||||
        .title-info {
 | 
			
		||||
          line-height: 44px;
 | 
			
		||||
          font-size: 28px;
 | 
			
		||||
          font-family: PingFangSC-SNaNpxibold;
 | 
			
		||||
          font-weight: 600;
 | 
			
		||||
          font-size: 34px;
 | 
			
		||||
          color: #333;
 | 
			
		||||
          margin-bottom: 8px;
 | 
			
		||||
          letter-spacing: 0;
 | 
			
		||||
          line-height: 40px;
 | 
			
		||||
          margin-bottom: 16px;
 | 
			
		||||
        }
 | 
			
		||||
        .type-info {
 | 
			
		||||
          font-family: PingFangSC-Regular;
 | 
			
		||||
          font-size: 34px;
 | 
			
		||||
          color: #687DA6;
 | 
			
		||||
          line-height: 40px;
 | 
			
		||||
          span {
 | 
			
		||||
            display: inline-block;
 | 
			
		||||
            font-family: PingFangSC-Regular;
 | 
			
		||||
            font-size: 26px;
 | 
			
		||||
            color: #666;
 | 
			
		||||
            line-height: 40px;
 | 
			
		||||
            margin-left: 20px;
 | 
			
		||||
          }
 | 
			
		||||
        }
 | 
			
		||||
        .top {
 | 
			
		||||
 
 | 
			
		||||
@@ -1,23 +1,23 @@
 | 
			
		||||
<template>
 | 
			
		||||
  <div class="handpick">
 | 
			
		||||
    <div class="list" v-for="(item,index) in list" :key="index">
 | 
			
		||||
      <div class="title">
 | 
			
		||||
        <p v-if="item.girdName"><span>社区网格:</span>{{item.girdName}}</p>
 | 
			
		||||
        <p v-if="item.title"><span>事件类型:</span>{{item.title}}</p>
 | 
			
		||||
    <div class="list" v-for="(item,index) in list" :key="index" @click="$linkTo(`./pickDetail?id=${item.id}`)">
 | 
			
		||||
      <div class="title-info" v-if="item.girdName">
 | 
			
		||||
        {{item.girdName}}
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="type-info">{{item.createUserName}}<span>{{item.title}}</span></div>
 | 
			
		||||
      <div class="top">
 | 
			
		||||
        <div class="left" @click="$linkTo(`./pickDetail?id=${item.id}`)">
 | 
			
		||||
        <div class="left" >
 | 
			
		||||
          <p>{{ item.content }}</p>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div class="right" @click="upCount(item.id, index)">
 | 
			
		||||
        <div class="right" @click.stop="upCount(item.id, index)">
 | 
			
		||||
          <img :src="item.upStatus == 0 ? 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan.png' : 'https://cdn.cunwuyun.cn/wxmp/fengdu/zan-active.png'" alt="">
 | 
			
		||||
          <span>{{ item.upCount || 0 }}</span><span v-if="item.upCount > 99">+</span>
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="imgs" v-if="item.images.length" @click="$linkTo(`./pickDetail?id=${item.id}`)">
 | 
			
		||||
      <div class="imgs" v-if="item.images.length">
 | 
			
		||||
        <image v-for="(img, i) in item.images" :key="i" class="banner" :src="img.url"/>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="imgs" v-if="!item.images.length && item.videos.length" @click="$linkTo(`./pickDetail?id=${item.id}`)">
 | 
			
		||||
      <div class="imgs" v-if="!item.images.length && item.videos.length">
 | 
			
		||||
        <image v-for="(video, i) in item.videos" :key="i" class="banner" :src="video.facePicture.toString()"/>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
@@ -113,13 +113,27 @@ export default {
 | 
			
		||||
    background: #FFF;
 | 
			
		||||
    border-radius: 12px;
 | 
			
		||||
    margin-bottom: 24px;
 | 
			
		||||
    .title {
 | 
			
		||||
      line-height: 44px;
 | 
			
		||||
      font-size: 28px;
 | 
			
		||||
    .title-info {
 | 
			
		||||
      font-family: PingFangSC-SNaNpxibold;
 | 
			
		||||
      font-weight: 600;
 | 
			
		||||
      font-size: 34px;
 | 
			
		||||
      color: #333;
 | 
			
		||||
      margin-bottom: 8px;
 | 
			
		||||
      letter-spacing: 0;
 | 
			
		||||
      line-height: 40px;
 | 
			
		||||
      margin-bottom: 16px;
 | 
			
		||||
    }
 | 
			
		||||
    .type-info {
 | 
			
		||||
      font-family: PingFangSC-Regular;
 | 
			
		||||
      font-size: 34px;
 | 
			
		||||
      color: #687DA6;
 | 
			
		||||
      line-height: 40px;
 | 
			
		||||
      span {
 | 
			
		||||
        display: inline-block;
 | 
			
		||||
        font-family: PingFangSC-Regular;
 | 
			
		||||
        font-size: 26px;
 | 
			
		||||
        color: #666;
 | 
			
		||||
        line-height: 40px;
 | 
			
		||||
        margin-left: 20px;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
    .top {
 | 
			
		||||
 
 | 
			
		||||
@@ -1,8 +1,10 @@
 | 
			
		||||
<template>
 | 
			
		||||
  <div class="pickDetail">
 | 
			
		||||
    <div class="container">
 | 
			
		||||
      <div class="title">{{ data.title }}</div>
 | 
			
		||||
      <p class="avatar">{{ data.createUserName }}</p>
 | 
			
		||||
      <div class="title-info" v-if="data.girdName">
 | 
			
		||||
        {{data.girdName}}
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="type-info">{{data.createUserName}}<span>{{data.title}}</span></div>
 | 
			
		||||
      <div class="content">{{ data.content }}</div>
 | 
			
		||||
      <div class="imgs" v-if="images.length">
 | 
			
		||||
        <image v-for="(img, i) in images" @click="preview(img.url, images)" :key="i" class="banner" :src="img.url"/>
 | 
			
		||||
@@ -59,6 +61,29 @@ export default {
 | 
			
		||||
    padding: 32px;
 | 
			
		||||
    box-sizing: border-box;
 | 
			
		||||
    background: #FFF;
 | 
			
		||||
    .title-info {
 | 
			
		||||
      font-family: PingFangSC-SNaNpxibold;
 | 
			
		||||
      font-weight: 600;
 | 
			
		||||
      font-size: 34px;
 | 
			
		||||
      color: #333;
 | 
			
		||||
      letter-spacing: 0;
 | 
			
		||||
      line-height: 40px;
 | 
			
		||||
      margin-bottom: 16px;
 | 
			
		||||
    }
 | 
			
		||||
    .type-info {
 | 
			
		||||
      font-family: PingFangSC-Regular;
 | 
			
		||||
      font-size: 34px;
 | 
			
		||||
      color: #687DA6;
 | 
			
		||||
      line-height: 40px;
 | 
			
		||||
      span {
 | 
			
		||||
        display: inline-block;
 | 
			
		||||
        font-family: PingFangSC-Regular;
 | 
			
		||||
        font-size: 26px;
 | 
			
		||||
        color: #666;
 | 
			
		||||
        line-height: 40px;
 | 
			
		||||
        margin-left: 20px;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
    .title {
 | 
			
		||||
      font-size: 34px;
 | 
			
		||||
      font-weight: 600;
 | 
			
		||||
@@ -71,7 +96,6 @@ export default {
 | 
			
		||||
      margin-top: 16px;
 | 
			
		||||
    }
 | 
			
		||||
    .content {
 | 
			
		||||
      margin-top: 32px;
 | 
			
		||||
      font-size: 28px;
 | 
			
		||||
      font-weight: 400;
 | 
			
		||||
      color: #333333;
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user