zyDetail.vue 955 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <template>
  2. <view class="content-box">
  3. <view class="title-box">{{ item.title }}</view>
  4. <image :src="item.cover" mode="widthFix" class="detail-image"></image>
  5. <view class="desc-box">{{ item.desc }}</view>
  6. </view>
  7. </template>
  8. <style>
  9. page {
  10. background: #FAFAFA;
  11. }
  12. </style>
  13. <script>
  14. export default {
  15. data() {
  16. return {
  17. item:null,
  18. background: {
  19. backgroundColor: '#486A92',
  20. },
  21. hhyanm: {
  22. color: '#FFFFFF',
  23. },
  24. imglist:[],
  25. type_name: '详情'
  26. }
  27. },
  28. onLoad(e) {
  29. this.item = JSON.parse(e.item);
  30. console.log(this.item)
  31. },
  32. onReachBottom() {},
  33. methods: {
  34. }
  35. }
  36. </script>
  37. <style lang="scss" scoped>
  38. .content-box{
  39. width: 100%;
  40. padding: 30rpx;
  41. box-sizing: border-box;
  42. }
  43. .title-box{
  44. font-size: 32rpx;
  45. font-weight: bold;
  46. padding-bottom: 20rpx;
  47. }
  48. .detail-image{
  49. width: 100%;
  50. }
  51. .desc-box{
  52. font-size: 28rpx;
  53. padding-top: 20rpx;
  54. box-sizing: border-box;
  55. }
  56. </style>