dvcp_v2_wxcp_app/src/apps/AppPartyPoints/AppPartyPoints.vue

<template>
  <div class="AppPartyPoints">
    <AiTopFixed>
      <u-search placeholder="搜索党员" :show-action="false" search-icon-color="#ccc" v-model="search.title"
        @search="isMore = false, search.current = 1, getList()"/>
    </AiTopFixed>
    <div class="list-content">
      <div class="item" >
        <div class="left">
          <p>刘宝华:参与环保宣传</p>
          <div>2022-03-18 13:45:36</div>
        </div>
        <div class="right status0">＋20</div>
      </div>
      <div class="item" >
        <div class="left">
          <p>刘宝华:参与环保宣传</p>
          <div>2022-03-18 13:45:36</div>
        </div>
        <div class="right status0">＋20</div>
      </div>
    </div>
    <div class="height-144"></div>
    <div class="footer" @click="toAdd">
      <div class="btn">积分调整</div>
    </div>
  </div>
</template>

<script>
import {mapState} from "vuex";

export default {
  name: 'AppPartyPoints',
  appName: '党员积分',
  data() {
    return {
      search: {title: ''},
    }
  },
  computed: {
    ...mapState(['user']),
    
  },
  created() {
    this.$dict.load('appSpecialTypeFive')
  },
  onShow() {
    document.title = '党员积分'
    
  },
  methods: {
    toAdd() {
      uni.navigateTo({url: './Add'})
    },
  },
}
</script>

<style lang="scss" scoped>
.AppPartyPoints {
  min-height: 100%;
  ::v-deep .AiTopFixed .u-search {
    margin-bottom: 0 !important;
  }

  .list-content{
    padding: 4px 48px 16px;
    background-color: #fff;
    .item{
      width: 100%;
      padding: 34px 0 32px 0;
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #ddd;
      .left{
        width: 500px;
        p{
          font-size: 32px;
          font-family: PingFangSC-Regular, PingFang SC;
          color: #333;
          line-height: 44px;
          word-break: break-all;
          margin-bottom: 8px;
        }
        div{
          font-size: 24px;
          font-family: PingFangSC-Regular, PingFang SC;
          color: #999;
          line-height: 34px;
        }
      }
      .right{
        width: calc(100% - 500px);
        font-size: 36px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        line-height: 50px;
        text-align: right;
      }
      .status0{
        color: #2C51CE;
      }
      .status0{
        color: #E6736E;
      }
    }
  }

  .height-144{
    height: 144px;
  }

  .footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
  }

  .btn {
    width: 100%;
    height: 112px;
    line-height: 112px;
    text-align: center;
    background: #3975C6;
    font-size: 32px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #fff;
  }
}
</style>