use-copyright.vue 787 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2. <view>
  3. <view class="use-copyright dflex-c padding-lr w-full" @click="to">
  4. <view v-if="false" class="iconfont iconxiangqing animated rotate margin-right-sm ft-base"></view>
  5. <view class="ft-dark">{{title}}</view><text class="margin-lr-xs" v-if="desc">·</text><text v-if="desc">{{desc}}</text>
  6. </view>
  7. </view>
  8. </template>
  9. <script>
  10. export default {
  11. props: {
  12. title: {
  13. type: String,
  14. default: ''
  15. },
  16. desc: {
  17. type: String,
  18. default: ''
  19. },
  20. },
  21. data() {
  22. return {};
  23. },
  24. methods: {
  25. to() {
  26. this.$emit('to', {
  27. type: 'to'
  28. });
  29. }
  30. }
  31. };
  32. </script>
  33. <style lang="scss">
  34. .use-copyright {
  35. height: 180rpx;
  36. position: relative;
  37. bottom: 0px;
  38. padding-bottom: 180rpx;
  39. padding-top: 100rpx;
  40. }
  41. .use-copyright {
  42. text {
  43. color: #c0c0c0;
  44. }
  45. }
  46. </style>