index.vue 744 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <view class="w_t_b">
  3. <image :src="copy7" class="icon" @click="goBack"></image>
  4. <view>{{ title }}</view>
  5. <view></view>
  6. </view>
  7. </template>
  8. <script>
  9. export default {
  10. props: {
  11. title: {
  12. type: String
  13. }
  14. },
  15. data(){
  16. return {
  17. copy7: require('./img/copy7.svg'),
  18. }
  19. },
  20. methods: {
  21. goBack(){
  22. this.$emit('go-back')
  23. uni.navigateBack();
  24. }
  25. }
  26. }
  27. </script>
  28. <style lang="scss" scoped>
  29. .w_t_b {
  30. width: 100%;
  31. height: 120rpx;
  32. display: flex;
  33. align-items: center;
  34. padding: 0 32rpx;
  35. justify-content: space-between;
  36. font-family: PingFangSC, PingFang SC;
  37. color: rgba(17, 17, 17, 1);
  38. font-size: 36rpx;
  39. font-weight: 600;
  40. .icon {
  41. width: 40rpx;
  42. height: 40rpx;
  43. }
  44. }
  45. </style>