su-inner-navbar.js 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. "use strict";
  2. const common_vendor = require("../../../common/vendor.js");
  3. const sheep_index = require("../../index.js");
  4. const sheep_hooks_useModal = require("../../hooks/useModal.js");
  5. require("../../url/index.js");
  6. require("../../store/index.js");
  7. require("../../store/app.js");
  8. require("../../api/promotion/diy.js");
  9. require("../../request/index.js");
  10. require("../../config/index.js");
  11. require("../../platform/index.js");
  12. require("../../platform/provider/wechat/index.js");
  13. require("../../platform/provider/wechat/miniProgram.js");
  14. require("../../api/member/auth.js");
  15. require("../../api/member/social.js");
  16. require("../../api/member/user.js");
  17. require("../../platform/provider/apple/index.js");
  18. require("../../platform/share.js");
  19. require("../../router/index.js");
  20. require("../../helper/throttle.js");
  21. require("../../platform/pay.js");
  22. require("../../helper/index.js");
  23. require("../../helper/test.js");
  24. require("../../helper/digit.js");
  25. require("../../api/pay/order.js");
  26. require("../../store/user.js");
  27. require("../../store/cart.js");
  28. require("../../api/trade/cart.js");
  29. require("../../api/pay/wallet.js");
  30. require("../../api/trade/order.js");
  31. require("../../api/promotion/coupon.js");
  32. require("../../store/sys.js");
  33. require("../../store/modal.js");
  34. require("../../config/zIndex.js");
  35. if (!Array) {
  36. const _easycom_su_status_bar2 = common_vendor.resolveComponent("su-status-bar");
  37. const _easycom_su_fixed2 = common_vendor.resolveComponent("su-fixed");
  38. (_easycom_su_status_bar2 + _easycom_su_fixed2)();
  39. }
  40. const _easycom_su_status_bar = () => "../su-status-bar/su-status-bar.js";
  41. const _easycom_su_fixed = () => "../su-fixed/su-fixed.js";
  42. if (!Math) {
  43. (_easycom_su_status_bar + _easycom_su_fixed)();
  44. }
  45. const _sfc_main = {
  46. __name: "su-inner-navbar",
  47. props: {
  48. zIndex: {
  49. type: Number,
  50. default: 100
  51. },
  52. title: {
  53. //返回文本
  54. type: String,
  55. default: ""
  56. },
  57. bg: {
  58. type: String,
  59. default: "bg-white"
  60. },
  61. // 常驻
  62. alway: {
  63. type: Boolean,
  64. default: true
  65. },
  66. opacity: {
  67. //是否开启滑动渐变
  68. type: Boolean,
  69. default: true
  70. },
  71. noFixed: {
  72. //是否浮动
  73. type: Boolean,
  74. default: true
  75. },
  76. ui: {
  77. type: String,
  78. default: ""
  79. },
  80. capsule: {
  81. //是否开启胶囊返回
  82. type: Boolean,
  83. default: false
  84. },
  85. stopBack: {
  86. type: Boolean,
  87. default: false
  88. },
  89. placeholder: {
  90. type: [Boolean],
  91. default: false
  92. },
  93. bgStyles: {
  94. type: Object,
  95. default() {
  96. }
  97. }
  98. },
  99. emits: ["navback", "clickLeft"],
  100. setup(__props, { emit: emits }) {
  101. const props = __props;
  102. const state = common_vendor.reactive({
  103. statusCur: "",
  104. capsuleStyle: {},
  105. capsuleBack: {},
  106. isDark: true
  107. });
  108. const sys_statusBar = sheep_index.sheep.$platform.device.statusBarHeight;
  109. const sys_navBar = sheep_index.sheep.$platform.navbar;
  110. const hasHistory = sheep_index.sheep.$router.hasHistory();
  111. common_vendor.onBeforeMount(() => {
  112. init();
  113. });
  114. common_vendor.onPageScroll((e) => {
  115. let top = e.scrollTop;
  116. state.isDark = top < sheep_index.sheep.$platform.navbar;
  117. });
  118. function onClickLeft() {
  119. if (hasHistory) {
  120. sheep_index.sheep.$router.back();
  121. } else {
  122. sheep_index.sheep.$router.go("/pages/index/index");
  123. }
  124. emits("clickLeft");
  125. }
  126. function onClickRight() {
  127. sheep_hooks_useModal.showMenuTools();
  128. }
  129. const init = () => {
  130. state.capsuleStyle = {
  131. width: sheep_index.sheep.$platform.capsule.width + "px",
  132. height: sheep_index.sheep.$platform.capsule.height + "px"
  133. };
  134. state.capsuleBack = state.capsuleStyle;
  135. };
  136. return (_ctx, _cache) => {
  137. return common_vendor.e({
  138. a: common_vendor.unref(hasHistory)
  139. }, common_vendor.unref(hasHistory) ? {} : {}, {
  140. b: common_vendor.o(onClickLeft),
  141. c: common_vendor.o(onClickRight),
  142. d: common_vendor.t(__props.title),
  143. e: common_vendor.s(state.capsuleStyle),
  144. f: common_vendor.n(state.isDark ? "text-white" : "text-black"),
  145. g: common_vendor.s({
  146. height: common_vendor.unref(sys_navBar) - common_vendor.unref(sys_statusBar) + "px"
  147. }),
  148. h: common_vendor.p({
  149. noFixed: props.noFixed,
  150. alway: props.alway,
  151. bgStyles: props.bgStyles,
  152. val: 0,
  153. index: props.zIndex,
  154. noNav: true,
  155. bg: props.bg,
  156. ui: props.ui,
  157. opacity: props.opacity,
  158. placeholder: props.placeholder
  159. })
  160. });
  161. };
  162. }
  163. };
  164. const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-374b2fee"], ["__file", "/Users/RuHu.Xu/Desktop/mall-newfeifan-zx-app/sheep/ui/su-inner-navbar/su-inner-navbar.vue"]]);
  165. wx.createComponent(Component);