community-front/subPages/index/organizationIntroduction.vue

<template>
  <view class="announcement-detail">
    <!-- 标题 -->
    <view class="title">{{ introduce.paramDesc }}</view>
    
    <!-- 时间 -->
    <view class="time">{{ introduce.createTime }}</view>
    
    <!-- 图片 -->
    <!-- <view class="image-container" v-if="introduce.images && introduce.images.length > 0">
      <image 
        v-for="(image, index) in introduce.images" 
        :key="index"
        :src="image" 
        class="detail-image" 
        mode="aspectFill"
      ></image>
    </view> -->
    
    <!-- 正文内容 -->
    <view class="content">
      <!-- <text class="content-text">{{ introduce.content }}</text> -->
      <rich-text :nodes="introduce.paramTextarea"></rich-text>
    </view>
  </view>
</template>

<script>
export default {
  name: 'organizationIntroduction',
  data() {
    return {
    }
  },
  computed: {
    introduce() {
      return this.$store.state.configList['config_organization_desc'];
    }
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
// @import '@/uni.scss';

.announcement-detail {
  padding: 40rpx;
  background-color: #fff;
  min-height: 100vh;
  
  .title {
    font-size: 34rpx;
    font-weight: bold;
    color: #000000;
    line-height: 1.5;
    margin-bottom: 20rpx;
  }
  
  .time {
    font-size: 24rpx;
    color: #999999;
    margin-bottom: 30rpx;
  }
  
  .image-container {
    margin-bottom: 30rpx;
    
    .detail-image {
      width: 100%;
      height: 250rpx;
      border-radius: 16rpx;
      margin-bottom: 20rpx;
      // object-fit: cover;
      
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
  
  .content {
    .content-text {
      font-size: 28rpx;
      color: #000000;
      line-height: 1.8;
      text-align: justify;
    }
  }
}
</style>