member.vue 724 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <view class="group-member">
  3. <view class="member">
  4. <image :src="member.avatar"
  5. class="group-member__item"
  6. v-for="(member, key) in members"
  7. :key="key">
  8. </image>
  9. </view>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. name : 'member',
  15. data () {
  16. return {
  17. members : {}
  18. }
  19. },
  20. onLoad (options) {
  21. //群成员数据
  22. this.members = JSON.parse(options.members);
  23. uni.setNavigationBarTitle({
  24. title : '成员(' + (Object.keys(this.members).length || 0) +')'
  25. });
  26. }
  27. }
  28. </script>
  29. <style>
  30. .member{
  31. padding: 20rpx;
  32. }
  33. .group-member__item{
  34. width: 96rpx;
  35. height: 96rpx;
  36. border-radius: 48rpx;
  37. margin-right: 20rpx;
  38. margin-bottom: 20rpx;
  39. }
  40. </style>