use-copyright.vue 830 B

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