1 line
14 KiB
Plaintext
1 line
14 KiB
Plaintext
|
{"version":3,"file":"su-navbar.js","sources":["../../../../../../src/sheep/ui/su-navbar/su-navbar.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC91aS9zdS1uYXZiYXIvc3UtbmF2YmFyLnZ1ZQ"],"sourcesContent":["<!-- 自定义导航栏 -->\r\n<template>\r\n <view class=\"uni-navbar\" :class=\"{ 'uni-dark': dark }\">\r\n <view\r\n :class=\"{\r\n 'uni-navbar--fixed': fixed,\r\n 'uni-navbar--shadow': shadow,\r\n 'uni-navbar--border': border,\r\n }\"\r\n class=\"uni-navbar__content\"\r\n >\r\n <view class=\"fixed-bg\" :class=\"[opacity ? '' : opacityBgUi]\"></view>\r\n <su-status-bar v-if=\"statusBar\" />\r\n <view\r\n :style=\"{\r\n color: themeColor,\r\n height: navbarHeight,\r\n background: backgroundColor,\r\n }\"\r\n class=\"uni-navbar__header\"\r\n >\r\n <view\r\n class=\"uni-navbar__header-btns uni-navbar__header-btns-left\"\r\n :style=\"{ width: leftIconWidth }\"\r\n >\r\n <slot name=\"left\">\r\n <view class=\"uni-navbar__content_view\" v-if=\"leftIcon.length > 0\">\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\r\n class=\"icon-button icon-button-right ss-flex ss-row-center\"\r\n @tap=\"showMenuTools\"\r\n >\r\n <text class=\"sicon-more\" />\r\n </view>\r\n </view>\r\n </view>\r\n <view\r\n :class=\"{ 'uni-navbar-btn-icon-left': !leftIcon.length > 0 }\"\r\n class=\"uni-navbar-btn-text\"\r\n v-if=\"\r\n titleAlign === 'left' &&\r\n title.length &&\r\n sheep.$platform.name !== 'WechatOfficialAccount'\r\n \"\r\n >\r\n <text :style=\"{ color: themeColor, fontSize: '18px' }\">{{ title }}</text>\r\n </view>\r\n </slot>\r\n </view>\r\n <view v-if=\"tools === 'search'\" class=\"ss-flex-1\">\r\n <slot name=\"center\">\r\n <uni-search-bar\r\n class=\"ss-flex-1 search-box\"\r\n :radius=\"20\"\r\n placeholder=\"请输入关键词\"\r\n cancelButton=\"none\"\r\n v-model=\"searchModel\"\r\n @confirm=\"onSearch\"\r\n />\r\n </slot>\r\n </view>\r\n <view v-else class=\"uni-navbar__header-container\" @tap=\"onClickTitle\">\r\n <slot name=\"center\">\r\n <view\r\n v-if=\"tools === 'title' && titleAlign === 'center' && title.length\"\r\n class=\"uni-navbar__header-container-inner\"\r\n >\r\n <text :style=\"{ color: themeColor, fontSize: '36rpx' }\" class=\"ss-line-1\">\r\n {{ title }}\r\n </text>\r\n </view>\r\n </slot>\r\n </view>\r\n </view>\r\n </view>\r\n <view class=\"uni-navbar__placeholder\" v-if=\"placeholder\">\r\n <su-status-bar v-if=\"statusBar\" />\r\n <view class=\"uni-navbar__placeholder-view\" :style=\"{ height: navbarHeight }\" />\r\n </view>\r\n <!-- 头部问题 -->\r\n <!-- #ifdef MP -->\r\n <!-- <view :style=\"[capsuleStyle]\"></view> -->\r\n <!-- #endif -->\r\n </view>\r\n</template>\r\n\r\n<script setup>\r\nimport sheep from '@/sheep'\r\nimport { onLoad } from '@dcloudio/uni-app'\r\nimport { showMenuTools, closeMenuTools } from '@/sheep/hooks/useModal'\r\nimport { computed, ref } from 'vue'\r\n\r\n/**\r\n * NavBar 自定义导航栏\r\n * @description 导航栏组件，主要用于头部导航\r\n * @property {Boolean} dark 开启黑<E590AF><E9BB91>
|