ng_notes_mini/pages/index/honor/honor.vue

<template>
  <view class="content">
     荣誉殿堂
  </view>
</template>


<script>
import md5 from "@/common/md5.js";
export default {
  data() {
    return {
      id: "",
      details: "",
      imageList: [],
      time: "",
	  globalUrl:getApp().globalData.shareUrl,
	  pageList:[

	  ]
    };
  },
  onLoad() {
   
  },
  methods: {


  },
};
</script>
<style lang="scss" scoped>
.flex-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.view {
  display: flex;
}
.content {
  font-size: 32rpx;
  .title {
    margin: 4% 5%;
  }
  .details {
    font-size: 28rpx;
    width: 90%;
    margin: 0 2%;
    padding: 2% 3%;
	border-bottom: 3px solid #f2f2f2;
    // border-radius: 50rpx;
    // box-shadow: rgba(100, 100, 111, 0.2) 0rpx 14rpx 50rpx 14rpx;
    image {
      width: 180rpx;
      height: 150rpx;
      border-radius: 30rpx;
      margin: 0 2%;
    }
    .view {
      margin: 3% 0;
    }
    .label {
      display: inline-block;
      width:150rpx;
      vertical-align: middle;
      margin-right: 10rpx;
    }
  }
  .info {
    font-size: 28rpx;
    width: 90%;
    margin: 4% 2%;
    padding: 2% 3%;
    border-radius: 40rpx;
    box-shadow: rgba(100, 100, 111, 0.2) 0rpx 14rpx 50rpx 14rpx;
    .title {
      margin: 4% 0;
      font-size: 32rpx;
    }
    .view {
      display: flex;
      align-items: center;
      margin: 5% 0;
    }
    .label {
      display: inline-block;
      width: 150rpx;
      vertical-align: middle;
      margin-right: 10rpx;
    }
  }
}
</style>