rtim/pages_im/pages/common/userCard/components/UserInfoRowItem.vue

<template>
  <view @click="click" class="row_item" :class="{ arrow_right: arrow }">
    <view class="title">
      <text>{{ lable }}</text>
    </view>
    <view class="content">
      <text>{{ content }}</text>
    </view>
    <view class="right-content">
      <slot>
      </slot>
      <u-icon v-if="arrow" name="arrow-right" color="#999" size="15"></u-icon>
    </view>

  </view>
</template>

<script>
export default {
  name: "",
  components: {},
  props: {
    lable: String,
    content: String,
    arrow: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
  methods: {
    click() {
      this.$emit("click");
    },
  },
};
</script>

<style lang="scss" scoped>
.row_item {
  @include vCenterBox();
  padding:0 24rpx;
  height: 98rpx;
}

.right-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12rpx;
  flex: 1;
 
}

.title {
  margin-right: 24rpx;
  color: #222222;
}

.arrow_right {
  justify-content: space-between;
}
</style>