{"version":3,"file":"profileInfo.js","sources":["../../../../../../src/pages/index/components/profileInfo.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9wYWdlcy9pbmRleC9jb21wb25lbnRzL3Byb2ZpbGVJbmZvLnZ1ZQ"],"sourcesContent":["<template>\r\n  <view class=\"profile-info-container\">\r\n    <view class=\"profile-info\">\r\n      <image :src=\"profileIcon\" class=\"profile-icon\" />\r\n      <view class=\"profile-details\">\r\n        <view class=\"profile-header\">\r\n          <text class=\"profile-name\">{{ profileName }}</text>\r\n          <image :src=\"imgUrl(genderIcon)\" class=\"gender-icon\" />\r\n        </view>\r\n        <view class=\"profile-tags\">\r\n          <text v-for=\"(tag, index) in profileTags\" :key=\"index\" class=\"profile-tag\">\r\n            {{ tag }}\r\n          </text>\r\n        </view>\r\n      </view>\r\n    </view>\r\n    <view class=\"profile-arrow\">\r\n      <image :src=\"imgUrl('@/static/icons/more.png')\" class=\"arrow-icon\" />\r\n    </view>\r\n  </view>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { imgUrl } from '@/utils/commUtils'\r\nimport { defineProps } from 'vue'\r\n\r\nconst props = defineProps<{\r\n  profileIcon: string\r\n  profileName: string\r\n  gender: number\r\n  profileTags: string[]\r\n}>()\r\n\r\nconst genderIcon = computed(\r\n  () =>\r\n    props.gender === 1\r\n      ? '/static/icons/arrow-icon.png' // 使用绝对路径\r\n      : '/static/icons/female-icon.png', // 使用绝对路径\r\n)\r\n</script>\r\n\r\n<style scoped>\r\n.profile-info-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 10px;\r\n  background-color: #ffffff;\r\n  border-radius: 15px;\r\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.profile-info {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.profile-icon {\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 25px;\r\n}\r\n\r\n.profile-details {\r\n  margin-left: 10px;\r\n}\r\n\r\n.profile-header {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.profile-name {\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n}\r\n\r\n.gender-icon {\r\n  width: 16px;\r\n  height: 16px;\r\n  margin-left: 5px;\r\n}\r\n\r\n.profile-tags {\r\n  display: flex;\r\n  margin-top: 5px;\r\n}\r\n\r\n.profile-tag {\r\n  padding: 2px 5px;\r\n  margin-right: 5px;\r\n  font-size: 12px;\r\n  color: #000000;\r\n  background-color: #fee7da;\r\n  border-radius: 5px;\r\n}\r\n\r\n.profile-arrow {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.arrow-icon {\r\n  width: 20px;\r\n  height: 20px;\r\n  /* tint-color: #ff7043; */\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/pages/index/components/profileInfo.vue'\nwx.createComponent(Component)"],"names":["computed"],"mappings":";;;;;;;;;;;;AA0BA,UAAM,QAAQ;AAOd,UAAM,aAAaA,cAAA;AAAA,MACjB,MACE,MAAM,WAAW,IACb,iCACA;AAAA;AAAA,IAAA;;;;;;;;;;;;;;;;;;ACpCR,GAAG,gBAAgB,SAAS;"}