share-gift-text.vue 713 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <template>
  2. <view class="page-width ready-send">
  3. <view class="big">
  4. {{big}}
  5. </view>
  6. <view class="small" v-if="small">
  7. {{small}}
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. name: 'ready-send',
  14. props: [`big`, `small`]
  15. }
  16. </script>
  17. <style scoped lang="scss">
  18. @import "../../css/gift.scss";
  19. .ready-send {
  20. color: #ffffff;
  21. text-align: center;
  22. .big {
  23. line-height: 1;
  24. font-size: #{40upx};
  25. margin-top: #{64upx};
  26. }
  27. .small {
  28. line-height: 1.1;
  29. font-size: #{26upx};
  30. margin-top: #{26upx};
  31. }
  32. }
  33. </style>