record.vue 825 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template>
  2. <view class="">
  3. <view class="nav">
  4. <view class="nav_back" @click="backHome()">
  5. <u-icon class="back" name="arrow-left" color="#000" size="48" @click="backHome()"></u-icon>
  6. </view>
  7. <view class="nav_header">培福记录</view>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. data(){
  14. return{
  15. }
  16. },
  17. methods:{
  18. backHome() {
  19. uni.navigateBack({
  20. delta: 1
  21. });
  22. },
  23. },
  24. }
  25. </script>
  26. <style>
  27. page{
  28. background-color:rgb(255,250,232,.2) ;
  29. }
  30. .nav{
  31. position:sticky;
  32. width: 100%;
  33. font-weight: 600;
  34. font-size: 50rpx;
  35. padding-bottom: 20rpx;
  36. }
  37. .nav .nav_back,.nav .nav_header{
  38. position: absolute;
  39. margin-top: 20rpx;
  40. }
  41. .nav .nav_header{
  42. left: 50%;
  43. transform: translateX(-50%);
  44. }
  45. .nav_back{
  46. transform: translateX(20rpx);
  47. }
  48. </style>