1 line
2.9 KiB
Plaintext
1 line
2.9 KiB
Plaintext
|
{"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;"}
|