su-inner-navbar.js 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  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. require("../../api/member/signin.js");
  36. if (!Array) {
  37. const _easycom_su_status_bar2 = common_vendor.resolveComponent("su-status-bar");
  38. const _easycom_su_fixed2 = common_vendor.resolveComponent("su-fixed");
  39. (_easycom_su_status_bar2 + _easycom_su_fixed2)();
  40. }
  41. const _easycom_su_status_bar = () => "../su-status-bar/su-status-bar.js";
  42. const _easycom_su_fixed = () => "../su-fixed/su-fixed.js";
  43. if (!Math) {
  44. (_easycom_su_status_bar + _easycom_su_fixed)();
  45. }
  46. const _sfc_main = {
  47. __name: "su-inner-navbar",
  48. props: {
  49. zIndex: {
  50. type: Number,
  51. default: 100
  52. },
  53. title: {
  54. //返回文本
  55. type: String,
  56. default: ""
  57. },
  58. bg: {
  59. type: String,
  60. default: "bg-white"
  61. },
  62. // 常驻
  63. alway: {
  64. type: Boolean,
  65. default: true
  66. },
  67. opacity: {
  68. //是否开启滑动渐变
  69. type: Boolean,
  70. default: true
  71. },
  72. noFixed: {
  73. //是否浮动
  74. type: Boolean,
  75. default: true
  76. },
  77. ui: {
  78. type: String,
  79. default: ""
  80. },
  81. capsule: {
  82. //是否开启胶囊返回
  83. type: Boolean,
  84. default: false
  85. },
  86. stopBack: {
  87. type: Boolean,
  88. default: false
  89. },
  90. placeholder: {
  91. type: [Boolean],
  92. default: false
  93. },
  94. bgStyles: {
  95. type: Object,
  96. default() {
  97. }
  98. }
  99. },
  100. emits: ["navback", "clickLeft"],
  101. setup(__props, { emit: __emit }) {
  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 props = __props;
  111. const emits = __emit;
  112. const hasHistory = sheep_index.sheep.$router.hasHistory();
  113. common_vendor.onBeforeMount(() => {
  114. init();
  115. });
  116. common_vendor.onPageScroll((e) => {
  117. let top = e.scrollTop;
  118. state.isDark = top < sheep_index.sheep.$platform.navbar;
  119. });
  120. function onClickLeft() {
  121. if (hasHistory) {
  122. sheep_index.sheep.$router.back();
  123. } else {
  124. sheep_index.sheep.$router.go("/pages/index/index");
  125. }
  126. emits("clickLeft");
  127. }
  128. function onClickRight() {
  129. sheep_hooks_useModal.showMenuTools();
  130. }
  131. const init = () => {
  132. state.capsuleStyle = {
  133. width: sheep_index.sheep.$platform.capsule.width + "px",
  134. height: sheep_index.sheep.$platform.capsule.height + "px"
  135. };
  136. state.capsuleBack = state.capsuleStyle;
  137. };
  138. return (_ctx, _cache) => {
  139. return common_vendor.e({
  140. a: common_vendor.unref(hasHistory)
  141. }, common_vendor.unref(hasHistory) ? {} : {}, {
  142. b: common_vendor.o(onClickLeft),
  143. c: common_vendor.o(onClickRight),
  144. d: common_vendor.t(__props.title),
  145. e: common_vendor.s(state.capsuleStyle),
  146. f: common_vendor.n(state.isDark ? "text-white" : "text-black"),
  147. g: common_vendor.s({
  148. height: common_vendor.unref(sys_navBar) - common_vendor.unref(sys_statusBar) + "px"
  149. }),
  150. h: common_vendor.p({
  151. noFixed: props.noFixed,
  152. alway: props.alway,
  153. bgStyles: props.bgStyles,
  154. val: 0,
  155. index: props.zIndex,
  156. noNav: true,
  157. bg: props.bg,
  158. ui: props.ui,
  159. opacity: props.opacity,
  160. placeholder: props.placeholder
  161. })
  162. });
  163. };
  164. }
  165. };
  166. const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-374b2fee"], ["__file", "D:/zx/mall-front-app/sheep/ui/su-inner-navbar/su-inner-navbar.vue"]]);
  167. wx.createComponent(Component);