You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

60 lines
985 B

9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
  1. <template>
  2. <view class="navbar bx">
  3. <view class="leftClick"
  4. v-if="leftClick"
  5. @click="leftClick();$play()">
  6. <!-- <uni-icons color="#000" type="left" size="30rpx"></uni-icons> -->
  7. <image src="/static/navbar.png"></image>
  8. </view>
  9. <view>{{ title }}</view>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. name:"m-navbar",
  15. props : ['leftClick', 'title'],
  16. data() {
  17. return {
  18. };
  19. },
  20. methods : {
  21. }
  22. }
  23. </script>
  24. <style scoped lang="scss">
  25. .navbar{
  26. position: sticky;
  27. top: 0;
  28. width: 100%;
  29. height: 90rpx;
  30. // background: linear-gradient(to right, #4899a6, #6fc6ad);
  31. background: #fff;
  32. display: flex;
  33. justify-content: center;
  34. align-items: center;
  35. color: #000;
  36. font-size: 26rpx;
  37. z-index: 9999;
  38. .leftClick{
  39. position: absolute;
  40. left: 0px;
  41. top: 0;
  42. width: 80rpx;
  43. height: 100%;
  44. display: flex;
  45. justify-content: center;
  46. align-items: center;
  47. image{
  48. width: 60rpx;
  49. height: 60rpx;
  50. }
  51. }
  52. }
  53. .navbar-b{
  54. height: 90rpx;
  55. }
  56. </style>