index.vue 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <template>
  2. <view class="container">
  3. <navBar title="绘本生成" :back="true" color="#333333" background="#FFFFFF" />
  4. <view class="mainBox">
  5. <view class="titleBox">
  6. </view>
  7. <view class="contentBox">
  8. <view class="bgTag">
  9. 图图与大橡树的其妙冒险
  10. </view>
  11. <view class="storeBox">
  12. <image class="img1"
  13. src="https://img1.baidu.com/it/u=1890390320,3399874998&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800"
  14. mode=""></image>
  15. <!-- <image class="img2"
  16. src="https://img1.baidu.com/it/u=1890390320,3399874998&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800"
  17. mode=""></image> -->
  18. <text>{{storeTxt}}</text>
  19. </view>
  20. </view>
  21. </view>
  22. <view class="btnBox">
  23. <view class="btn b1">
  24. 下载PDF
  25. </view>
  26. <view class="btn b2">
  27. 下载图片
  28. </view>
  29. </view>
  30. </view>
  31. </template>
  32. <script>
  33. // import navBar from '@/components/navBar/index.vue'
  34. export default {
  35. // components: {
  36. // navBar
  37. // },
  38. data() {
  39. return {
  40. storeTxt: '好好好好红红火火恍恍惚惚或或或或或或或或或或或或或或或或或或或或或或红红火火好好好好红红火火恍恍惚惚或或或或或或或或或或或或或或或或或或或或或或红红火火恍恍惚惚或或或或或或或或或或或或或好好好好红红火火恍恍惚惚或或或或或或或或或或或或或或或或或或或或或或红红火火恍恍惚惚或或或或或或或或或或或或或红红火好好好好红红火火恍恍惚惚或或或或或或或或或或或或或或或或或或或或或或红红火火恍恍惚惚或或或或或或或或或或或或或红红火火恍恍惚惚好好好好红红火火恍恍惚惚或或或或或或或或或或或或或或或或或或或或或或红红火火恍恍惚惚或或或或或或或或或或或或或红红火火恍恍惚惚或或或或或或或或或或或或或或或或或'
  41. }
  42. },
  43. onLoad() {
  44. },
  45. methods: {
  46. }
  47. }
  48. </script>
  49. <style lang="scss" scoped>
  50. @import "./index.scss";
  51. </style>