初始化

2024-03-21 15:43:18 +08:00
parent 08c5d22de6
commit fab2d5f480
534 changed files with 76501 additions and 1 deletions
--- a/pages/index/components/employees/index.vue
+++ b/pages/index/components/employees/index.vue
@@ -0,0 +1,104 @@
+	<template>
+		<view class="">
+			<view class="towcontent">
+				<u-scroll-list :indicatorActiveColor="bgbutton" indicatorWidth='40' :indicator='true'>
+					<view class="scrolltowcontent" v-for="(item, index) in list" :key="index" @click="click1(item,index)">
+						<view class="scrolltowcontentitem flex-colum">
+							<image class="scrolltowcontentitem_image" :src="item.avatar" mode="aspectFill"></image>
+							<view class="scrolltowcontentitem_one">
+								{{item.nickname}}
+							</view>
+							<view class="scrolltowcontentitem_tow">
+								{{item.position}}
+							</view>
+							<view class="scrolltowcontentitem_there">
+								预约
+							</view>
+						</view>
+					</view>
+				</u-scroll-list>
+			</view>
+		</view>
+	</template>
+	<script>
+		export default {
+			data() {
+				return {}
+			},
+			props: {
+				list: {
+					type: Array,
+					default () {
+						return []
+					}
+				},
+				bgbutton: {
+					type: String,
+					default: '#fff'
+				},
+			},
+			methods: {
+				click1(e) {
+					uni.pro.navigateTo('order/orderInfos', {
+						id: e.id,
+					})
+				},
+			}
+		}
+	</script>
+
+	<style lang="scss">
+		.towcontent {
+			margin-left: 8rpx;
+
+			.scrolltowcontent {
+				padding: 24rpx 0;
+
+				.scrolltowcontentitem {
+					margin-left: 24rpx;
+					padding: 16rpx 42rpx;
+					background: #FFFFFF;
+					box-shadow: 0px 4rpx 6rpx 2rpx rgba(0, 0, 0, 0.11);
+					border-radius: 18rpx;
+
+					.scrolltowcontentitem_image {
+						width: 116rpx;
+						height: 116rpx;
+						border-radius: 50%;
+					}
+
+					.scrolltowcontentitem_one {
+						width: 100%;
+						overflow: hidden;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+						text-align: center;
+						margin-top: 6rpx;
+						font-size: 28rpx;
+						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
+						font-weight: 500;
+						color: #333333;
+					}
+
+					.scrolltowcontentitem_tow {
+						margin-top: 2rpx;
+						font-size: 22rpx;
+						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+						font-weight: 400;
+						color: #999999;
+					}
+
+					.scrolltowcontentitem_there {
+						margin-top: 12rpx;
+						padding: 4rpx 28rpx;
+						font-size: 24rpx;
+						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
+						font-weight: 500;
+						color: #FFFFFF;
+						background: var(--bg-color-button);
+						border-radius: 20rpx;
+					}
+				}
+			}
+		}
+	</style>