{"version":3,"file":"RecommendedServiceCard.js","sources":["../../../../src/components/RecommendedServiceCard.vue","../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9jb21wb25lbnRzL1JlY29tbWVuZGVkU2VydmljZUNhcmQudnVl"],"sourcesContent":["<template>\r\n  <view class=\"recommended-service-card\" :style=\"{ height: height + 'px' }\">\r\n    <image :src=\"image\" class=\"recommended-service-image\" @load=\"updateHeight\" />\r\n    <view class=\"text-container\">\r\n      <text class=\"recommended-service-text\">{{ title }}</text>\r\n      <text class=\"recommended-service-description\">{{ description }}</text>\r\n      <br />\r\n      <text class=\"recommended-service-price\">{{ price }}￥</text>\r\n    </view>\r\n  </view>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, defineProps } from 'vue'\r\n\r\nconst props = defineProps({\r\n  image: String,\r\n  title: String,\r\n  description: String,\r\n  price: String,\r\n})\r\n\r\nconst minHeight = 300\r\nconst height = ref(minHeight)\r\n\r\nconst updateHeight = (event: any) => {\r\n  const { width, height: imgHeight } = event.detail\r\n  height.value = (imgHeight / width) * minHeight\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.recommended-service-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  margin-bottom: 15px;\r\n  overflow: hidden;\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n}\r\n\r\n.recommended-service-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.text-container {\r\n  bottom: 0;\r\n  width: 100%;\r\n  min-height: 120px;\r\n  padding: 10px;\r\n  background: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.recommended-service-text {\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  text-align: center;\r\n}\r\n\r\n.recommended-service-description {\r\n  font-size: 11px;\r\n  color: #888;\r\n  text-align: center;\r\n}\r\n\r\n.recommended-service-price {\r\n  font-size: 16px;\r\n  color: #ff7043;\r\n  text-align: center;\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/components/RecommendedServiceCard.vue'\nwx.createComponent(Component)"],"names":["ref"],"mappings":";;AAsBA,MAAM,YAAY;;;;;;;;;;AACZ,UAAA,SAASA,kBAAI,SAAS;AAEtB,UAAA,eAAe,CAAC,UAAe;AACnC,YAAM,EAAE,OAAO,QAAQ,UAAA,IAAc,MAAM;AACpC,aAAA,QAAS,YAAY,QAAS;AAAA,IAAA;;;;;;;;;;;;;;AC1BvC,GAAG,gBAAgB,SAAS;"}