From 68c5ef7d9fea3f911e250fb5f8b300bc76099e49 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期四, 26 十月 2023 13:55:49 +0800
Subject: [PATCH] 小程序
---
minipro_standard/uni_modules/uview-ui/components/u-status-bar/u-status-bar.vue | 46 ++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 46 insertions(+), 0 deletions(-)
diff --git a/minipro_standard/uni_modules/uview-ui/components/u-status-bar/u-status-bar.vue b/minipro_standard/uni_modules/uview-ui/components/u-status-bar/u-status-bar.vue
new file mode 100644
index 0000000..ed91373
--- /dev/null
+++ b/minipro_standard/uni_modules/uview-ui/components/u-status-bar/u-status-bar.vue
@@ -0,0 +1,46 @@
+<template>
+ <view
+ :style="[style]"
+ class="u-status-bar"
+ >
+ <slot />
+ </view>
+</template>
+
+<script>
+ import props from './props.js';
+ /**
+ * StatbusBar 鐘舵�佹爮鍗犱綅
+ * @description 鏈粍浠朵富瑕佺敤浜庣姸鎬佸～鍏咃紝姣斿鍦ㄨ嚜瀹氬鑸爮鐨勬椂鍊欙紝瀹冧細鑷姩閫傞厤涓�涓伆褰撶殑鐘舵�佹爮楂樺害銆�
+ * @tutorial https://uviewui.com/components/statusBar.html
+ * @property {String} bgColor 鑳屾櫙鑹� (榛樿 'transparent' )
+ * @property {String | Object} customStyle 鑷畾涔夋牱寮�
+ * @example <u-status-bar></u-status-bar>
+ */
+ export default {
+ name: 'u-status-bar',
+ mixins: [uni.$u.mpMixin, uni.$u.mixin, props],
+ data() {
+ return {
+ }
+ },
+ computed: {
+ style() {
+ const style = {}
+ // 鐘舵�佹爮楂樺害锛岀敱浜庢煇浜涘畨鍗撳拰寰俊寮�鍙戝伐鍏锋棤娉曡瘑鍒玞ss鐨勯《閮ㄧ姸鎬佹爮鍙橀噺锛屾墍浠ヤ娇鐢╦s鑾峰彇鐨勬柟寮�
+ style.height = uni.$u.addUnit(uni.$u.sys().statusBarHeight, 'px')
+ style.backgroundColor = this.bgColor
+ return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle))
+ }
+ },
+ }
+</script>
+
+<style lang="scss" scoped>
+ .u-status-bar {
+ // nvue浼氶粯璁�100%锛屽鏋渘vue涓嬶紝鏄惧紡鍐�100%鐨勮瘽锛屼細瀵艰嚧瀹藉害涓嶄负100%鑰屽紓甯�
+ /* #ifndef APP-NVUE */
+ width: 100%;
+ /* #endif */
+ }
+</style>
--
Gitblit v1.9.3