home1022

2025-10-22 08:19:00 +08:00
parent 467b04e5b0
commit 97fbfe08d7
6040 changed files with 529099 additions and 9685 deletions
@@ -0,0 +1,128 @@
+<template>
+	<view class="u-page">
+		<!-- 2.0.19支持autoBack，默认为false -->
+		<u-navbar
+			title="导航栏"
+			safeAreaInsetTop
+			fixed
+			placeholder
+			:autoBack="true"
+		>
+		</u-navbar>
+		<view class="u-page__item">
+			<text class="u-page__item__title">基础功能</text>
+			<u-navbar
+				title="个人中心"
+				:safeAreaInsetTop="false"
+				:fixed="false"
+				@rightClick="rightClick"
+				@leftClick="leftClick"
+			>
+			</u-navbar>
+		</view>
+		<view class="u-page__item">
+			<text class="u-page__item__title">自定义文本</text>
+			<u-navbar
+				:safeAreaInsetTop="false"
+				title="个人中心"
+				:fixed="false"
+				left-text="返回"
+				rightIcon="map"
+			>
+			</u-navbar>
+		</view>
+		<view class="u-page__item">
+			<text class="u-page__item__title">自定义插槽</text>
+			<u-navbar
+				leftText="返回"
+				:fixed="false"
+				title="个人中心"
+				:safeAreaInsetTop="false"
+			>
+				<view
+					class="u-nav-slot"
+					slot="left"
+				>
+					<u-icon
+						name="arrow-left"
+						size="19"
+					></u-icon>
+					<u-line
+						direction="column"
+						:hairline="false"
+						length="16"
+						margin="0 8px"
+					></u-line>
+					<u-icon
+						name="home"
+						size="20"
+					></u-icon>
+				</view>
+			</u-navbar>
+		</view>
+		<u-gap height="50"></u-gap>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+			navigateBack() {
+				uni.navigateBack({
+					delta: 1
+				})
+			},
+			rightClick() {
+				console.log('rightClick');
+			},
+			leftClick() {
+				console.log('leftClick');
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	/* #ifndef APP-NVUE */
+	page {
+		background-color: $u-bg-color;
+	}
+	/* #endif */
+	
+	.u-page {
+		padding: 0;
+		flex: 1;
+		background-color: $u-bg-color;
+
+		&__item {
+
+			&__title {
+				color: $u-tips-color;
+				background-color: $u-bg-color;
+				padding: 15px;
+				font-size: 15px;
+
+				&__slot-title {
+					color: $u-primary;
+					font-size: 14px;
+				}
+			}
+		}
+	}
+
+	.u-nav-slot {
+		@include flex;
+		align-items: center;
+		justify-content: space-between;
+		border-width: 0.5px;
+		border-radius: 100px;
+		border-color: $u-border-color;
+		padding: 3px 7px;
+		opacity: 0.8;
+	}
+</style>