瑶都万能墙
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

73 lines
1.0 KiB

7 months ago
7 months ago
6 months ago
7 months ago
6 months ago
7 months ago
  1. <template>
  2. <view>
  3. <view class="dynamics" v-html="$utils.stringFormatHtml(item.title)">
  4. </view>
  5. <view class="Artworkimages">
  6. <view class="wrokimg" @click.stop="previewImage(images, i)" :key="i" v-for="(img, i) in images">
  7. <image :src="img" mode="aspectFill"></image>
  8. </view>
  9. </view>
  10. <addressSpot
  11. :address="item.address"
  12. :latitude="item.latitude"
  13. :longitude="item.longitude"
  14. />
  15. </view>
  16. </template>
  17. <script>
  18. export default {
  19. props: {
  20. item: {},
  21. },
  22. computed : {
  23. images(){
  24. if(!this.item.image){
  25. return []
  26. }
  27. let arr = this.item.image.split(',')
  28. if(this.item.wxImage){
  29. arr.unshift(this.item.wxImage)
  30. }
  31. return arr
  32. }
  33. },
  34. data() {
  35. return {
  36. }
  37. },
  38. methods: {
  39. }
  40. }
  41. </script>
  42. <style scoped lang="scss">
  43. .dynamics {
  44. margin-top: 20rpx;
  45. font-size: 28rpx;
  46. letter-spacing: 3rpx;
  47. }
  48. .Artworkimages {
  49. display: flex;
  50. flex-wrap: wrap;
  51. .wrokimg {
  52. margin: 10rpx;
  53. image {
  54. height: 190rpx;
  55. width: 190rpx;
  56. border-radius: 20rpx;
  57. }
  58. }
  59. }
  60. </style>