1 line
10 KiB
Plaintext
1 line
10 KiB
Plaintext
|
{"version":3,"file":"su-inner-navbar.js","sources":["../../../../../../src/sheep/ui/su-inner-navbar/su-inner-navbar.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC91aS9zdS1pbm5lci1uYXZiYXIvc3UtaW5uZXItbmF2YmFyLnZ1ZQ"],"sourcesContent":["<template>\r\n <su-fixed\r\n :noFixed=\"props.noFixed\"\r\n :alway=\"props.alway\"\r\n :bgStyles=\"props.bgStyles\"\r\n :val=\"0\"\r\n :index=\"props.zIndex\"\r\n noNav\r\n :bg=\"props.bg\"\r\n :ui=\"props.ui\"\r\n :opacity=\"props.opacity\"\r\n :placeholder=\"props.placeholder\"\r\n >\r\n <su-status-bar />\r\n <!-- \r\n :class=\"[{ 'border-bottom': !props.opacity && props.bg != 'bg-none' }]\"\r\n -->\r\n <view class=\"ui-navbar-box\">\r\n <view\r\n class=\"ui-bar ss-p-x-20\"\r\n :class=\"state.isDark ? 'text-white' : 'text-black'\"\r\n :style=\"[{ height: sys_navBar - sys_statusBar + 'px' }]\"\r\n >\r\n <view class=\"icon-box ss-flex\">\r\n <view class=\"icon-button icon-button-left ss-flex ss-row-center\" @tap=\"onClickLeft\">\r\n <text class=\"sicon-back\" v-if=\"hasHistory\" />\r\n <text class=\"sicon-home\" v-else />\r\n </view>\r\n <view class=\"line\"></view>\r\n <view class=\"icon-button icon-button-right ss-flex ss-row-center\" @tap=\"onClickRight\">\r\n <text class=\"sicon-more\" />\r\n </view>\r\n </view>\r\n <slot name=\"center\">\r\n <view class=\"center navbar-title\">{{ title }}</view>\r\n </slot>\r\n <!-- #ifdef MP -->\r\n <view :style=\"[state.capsuleStyle]\"></view>\r\n <!-- #endif -->\r\n </view>\r\n </view>\r\n </su-fixed>\r\n</template>\r\n\r\n<script setup>\r\n/**\r\n * 标题栏 - 基础组件navbar\r\n *\r\n * @param {Number} zIndex = 100 \t\t\t\t\t\t\t- 层级\r\n * @param {Boolean} back = true \t\t\t\t\t\t\t- 是否返回上一页\r\n * @param {String} backtext = '' \t\t\t\t\t\t\t- 返回文本\r\n * @param {String} bg = 'bg-white' \t\t\t\t\t\t- 公共Class\r\n * @param {String} status = '' \t\t\t\t\t\t\t- 状态栏颜色\r\n * @param {Boolean} alway = true\t\t\t\t\t\t\t- 是否常驻\r\n * @param {Boolean} opacity = false \t\t\t\t\t\t- 是否开启透明渐变\r\n * @param {Boolean} noFixed = false \t\t\t\t\t\t- 是否浮动\r\n * @param {String} ui = ''\t\t\t\t\t\t\t\t\t- 公共Class\r\n * @param {Boolean} capsule = false \t\t\t\t\t\t- 是否开启胶囊返回\r\n * @param {Boolean} stopBack = false \t\t\t\t\t - 是否禁用返回\r\n * @param {Boolean} placeholder = true \t\t\t\t\t- 是否开启占位\r\n * @param {Object} bgStyles = {} \t\t\t\t\t \t- 背景样式\r\n *\r\n */\r\n\r\nimport { computed, reactive, onBeforeMount, ref } from 'vue'\r\nimport sheep from '@/sheep'\r\nimport { onPageScroll } from '@dcloudio/uni-app'\r\nimport { showMenuTools, closeMenuTools } from '@/sheep/hooks/useModal'\r\n\r\n// 本地数据\r\nconst state = reactive({\r\n statusCur: '',\r\n capsuleStyle: {},\r\n capsuleBack: {},\r\n isDark: true,\r\n})\r\n\r\nconst sys_statusBar = sheep.$platform.device.statusBarHeight\r\nconst sys_navBar = sheep.$platform.navbar\r\n\r\nconst props = defineProps({\r\n zIndex: {\r\n type: Number,\r\n default: 100,\r\n },\r\n\r\n title: {\r\n // 返回文本\r\n type: String,\r\n default: '',\r\n },\r\n bg: {\r\n type: String,\r\n default: 'bg-white',\r\n },\r\n // 常驻\r\n alway: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n opacity: {\r\n // 是否开启滑动渐变\r\n type: Boolean,\r\n default: true,\r\n },\r\n noFixed: {\r\n // 是否浮动\r\n type: Boolean,\r\n default: true,\r\n },\r\n ui: {\r\n type: String,\r\n default: '',\r\n },\r\n capsule: {\r\n // 是否开启胶囊返回\r\n type: Boolean,\r\n default: false,\r\n },\r\n stopBack: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n placeholder: {\r\n type: [Boolean],\r\n default: false,\r\n },\r\
|