org_detail.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <template>
  2. <view class="container">
  3. <!-- 本会介绍区域 -->
  4. <common-controlTag :tagList="['本会介绍']"></common-controlTag>
  5. <view class="desc">
  6. {{ info.description }}
  7. </view>
  8. <!-- 联系我们区域 -->
  9. <common-controlTag :tagList="['联系我们']"></common-controlTag>
  10. <view class="contact">
  11. {{ info.contact }}
  12. <!-- <view>联系人:周智</view>
  13. <view class="phone">
  14. 电话:
  15. <view class="phone_num" @click="handlePhone('18320846714')">18320846714</view>
  16. </view>
  17. <view>邮箱:wkdxyh@wust.edu.cn</view>
  18. <view>地址:江西省南昌市青山区和平大道947号</view> -->
  19. </view>
  20. </view>
  21. </template>
  22. <script setup>
  23. import { onLoad } from '@dcloudio/uni-app'
  24. import { ref } from 'vue'
  25. const info = ref()
  26. onLoad((options) => {
  27. // console.log(options)
  28. if (options.info) {
  29. info.value = JSON.parse(decodeURIComponent(options.info))
  30. // console.log(info.value)
  31. }
  32. })
  33. // 点击拨打电话回调
  34. // const handlePhone = (phoneNumber) => {
  35. // uni.makePhoneCall({
  36. // phoneNumber
  37. // })
  38. // }
  39. </script>
  40. <style lang="scss" scoped>
  41. .container {
  42. padding: 20rpx 18rpx;
  43. min-height: 100vh;
  44. color: #333333;
  45. font-size: 28rpx;
  46. line-height: 50rpx;
  47. .desc {
  48. margin-bottom: 10rpx;
  49. }
  50. .contact {
  51. margin-top: 15rpx;
  52. // .phone {
  53. // display: flex;
  54. // .phone_num {
  55. // color: #007aff;
  56. // }
  57. // }
  58. }
  59. }
  60. </style>