6

2025-11-27 03:55:38 +08:00
parent 1626f0c52a
commit 198c3dd4a5
24 changed files with 2043 additions and 201 deletions
@@ -0,0 +1,56 @@
+<template>
+	<view class="uni-searchbar">
+		<view class="uni-searchbar__box" style="border-radius: 5px; background-color: rgb(255, 255, 255);">
+			<view class="uni-searchbar__box-icon-search">
+				<uni-icons type="search" size="18" color="rgb(192, 196, 204)"></uni-icons>
+			</view>
+			<text class="uni-searchbar__text-placeholder"><slot></slot></text>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"searchbar",
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.uni-searchbar{
+		display: flex;
+		flex-direction: row;
+		position: relative;
+		padding: 10px;
+	}
+	.uni-searchbar__box{
+		display: flex;
+		box-sizing: border-box;
+		overflow: hidden;
+		position: relative;
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		
+		height: 36px;
+		padding: 5px 8px 5px 0px;
+	}
+	.uni-searchbar__box-icon-search{
+		display: flex;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		color: #B3B3B3;
+	}
+	.uni-searchbar__text-placeholder{
+		font-size: 14px;
+		color: #B3B3B3;
+		margin-left: 5px;
+		text-align: left;
+	}
+</style>