details.vue 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <template>
  2. <view class="container">
  3. <!-- 供销社详情 -->
  4. <view class="cooperativeImgBox">
  5. <image :src="loadImgSrc('/snbj.png')" class="cooperativeImg"></image>
  6. </view>
  7. <view class="itemBox" v-for="(item, index) in list" :key="index">
  8. <view class="item">
  9. <span>
  10. {{ item.title }}:
  11. </span>
  12. <span>
  13. {{ item.content }}
  14. </span>
  15. </view>
  16. </view>
  17. </view>
  18. </template>
  19. <script>
  20. export default {
  21. data() {
  22. return {
  23. list: [
  24. {
  25. title: "名称",
  26. content: "第十三号供销社",
  27. },
  28. {
  29. title: "地址",
  30. content: "十三号街区地下研究所",
  31. },
  32. {
  33. title: "负责人",
  34. content: "高耀",
  35. },
  36. {
  37. title: "负责人电话",
  38. content: "13178945612",
  39. }
  40. ],
  41. cooperative: {
  42. name:"供销社1",
  43. address:"供销社地址1",
  44. chargePeople:"负责人1",
  45. chargePhone:"13103215236",
  46. imgUrl:"/profile/upload/2024/03/01/nacos_20240301145836A002.png"
  47. }
  48. }
  49. }
  50. /**
  51. * 生命周期函数--监听页面加载
  52. */,
  53. onLoad(options) {
  54. console.log(666)
  55. },
  56. methods: {
  57. }
  58. };
  59. </script>
  60. <style>
  61. @import './details.css';
  62. </style>