e-image-text.vue 712 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <view>
  3. <view class="imageText">
  4. <view class="title">{{imageText.title}}</view>
  5. <view class="img" v-if="imageText.imageUrl">
  6. <image :src="imageText.imageUrl" mode="widthFix"></image>
  7. </view>
  8. <view class="content">
  9. <view v-html="imageText.dataContent"></view>
  10. </view>
  11. </view>
  12. </view>
  13. </template>
  14. <script>
  15. export default {
  16. props:[
  17. "imageText"
  18. ],
  19. data() {
  20. return {
  21. };
  22. }
  23. }
  24. </script>
  25. <style lang="scss">
  26. .imageText{
  27. .title{
  28. line-height: 30px;
  29. border-left: 4px solid #009FE8;
  30. border-radius: 4px;
  31. padding-left: 10px;
  32. margin-bottom: 10px;
  33. }
  34. .img{
  35. width: 700rpx;
  36. image{
  37. width: 100%;
  38. }
  39. }
  40. .content{
  41. }
  42. }
  43. </style>