zuZhi.vue 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <template>
  2. <view class="box">
  3. <u-navbar :autoBack="true" title="组织介绍" bgColor="rgba(255,255,255,0)" :placeholder="true" titleStyle="font-weight:bold;color:#000000"></u-navbar>
  4. <view class="ban_box">
  5. <u-parse :content="list.content"></u-parse>
  6. </view>
  7. <!-- <view class="map_tit">
  8. <image style="width: 186rpx; height: 40rpx" src="/static/img/right_img.png"></image>
  9. <view class="">人员规模</view>
  10. <image style="width: 186rpx; height: 40rpx" src="/static/img/left_img.png"></image>
  11. </view> -->
  12. <!-- <view class="gm_box">
  13. <view class="">
  14. <text>区域:</text>
  15. <text style="margin-left: 20rpx">厦门市</text>
  16. </view>
  17. <view class="">
  18. <text>详细地址:</text>
  19. <text style="margin-left: 20rpx">厦门市禾祥路168号909室或914室</text>
  20. </view>
  21. <view class="">
  22. <text>人员规模:</text>
  23. <text style="margin-left: 20rpx">350</text>
  24. </view>
  25. <view class="">
  26. <text>正式成员:</text>
  27. <text style="margin-left: 20rpx">151</text>
  28. </view>
  29. <view class="">
  30. <text>成立日期:</text>
  31. <text style="margin-left: 20rpx">2016-10-15</text>
  32. </view>
  33. </view> -->
  34. </view>
  35. </template>
  36. <script>
  37. let that;
  38. export default {
  39. data() {
  40. return { list: {} };
  41. },
  42. onLoad() {
  43. that = this;
  44. this.getMainBodyColumnContentList();
  45. },
  46. methods: {
  47. getMainBodyColumnContentList() {
  48. this.$api.getContentDetail({ main_body_id: 1, id: 4422 }, function (res) {
  49. that.list = res.data;
  50. // console.log(res, '组织介绍');
  51. });
  52. }
  53. }
  54. };
  55. </script>
  56. <style>
  57. .box {
  58. width: 100%;
  59. padding-bottom: 50rpx;
  60. background-image: url('https://huli-app.wenlvti.net/app_static/WenWuGuanJia/image/xy_bgt.png');
  61. background-size: 100% 100%;
  62. background-attachment: fixed;
  63. background-repeat: repeat-y;
  64. min-height: 100%;
  65. height: auto;
  66. /* background-color: #fff9e9; */
  67. }
  68. .map_tit {
  69. display: flex;
  70. align-items: center;
  71. margin-left: 125rpx;
  72. margin-top: 50rpx;
  73. font-size: 32rpx;
  74. font-family: Songti SC, Songti SC;
  75. font-weight: 900;
  76. line-height: 52rpx;
  77. color: #444444;
  78. }
  79. .ban_box {
  80. width: 650rpx;
  81. line-height: 50rpx;
  82. margin: auto;
  83. font-size: 32rpx;
  84. }
  85. .gm_box {
  86. font-size: 30rpx;
  87. margin-left: 42rpx;
  88. line-height: 50rpx;
  89. }
  90. </style>