新增营销中心图标以及新版首页

pageMarket/components/FooterBtn.vue

@@ -0,0 +1,64 @@
+<template>
+	<view class="fixed-btn" id="fixedBtn">
+		<div class="btn">
+			<u-button type="primary" :shape="shape" size="large">添加</u-button>
+		</div>
+		<div class="btn" v-if="showCancel">
+			<u-button shape="circle" size="large">取消</u-button>
+		</div>
+	</view>
+</template>
+
+<script setup>
+import { ref, onMounted, nextTick } from 'vue';
+
+const props = defineProps({
+	confirmText: {
+		type: String,
+		default: '添加'
+	},
+	showCancel: {
+		type: Boolean,
+		default: false
+	},
+	shape: {
+		type: String,
+		default: 'squre' // squre circle
+	}
+});
+
+const emits = defineEmits(['load']);
+
+function load() {
+	const query = uni.createSelectorQuery().in(this);
+	query
+		.selectComponent('#fixedBtn') // 若用ref，需注意：ref是字符串时，这里用#ref值；ref是变量时需其他方式
+		.boundingClientRect((data) => {
+			console.log('组件内元素高度：', data?.height);
+		})
+		.exec();
+}
+
+onMounted(() => {
+	nextTick(() => {
+		load();
+	});
+});
+</script>
+
+<style scoped lang="scss">
+.fixed-btn {
+	width: 100%;
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	display: flex;
+	gap: 20upx;
+	flex-direction: column;
+	padding: 20upx 28upx calc(40upx + env(safe-area-inset-bottom) / 2) 20upx;
+	background-color: #fff;
+	.btn {
+		flex: 1;
+	}
+}
+</style>

pageMarket/components/HeaderCard.vue

@@ -0,0 +1,98 @@
+<template>
+	<view class="item-doc" :style="{ height: headHeight + 'px' }">
+		<view class="item" :style="{ height: headHeight + 'px' }">
+			<view class="left">
+				<image :src="`/static/applocation/${options.icon}.png`" mode="aspectFit" class="icon"></image>
+				<view class="info">
+					<view class="title">
+						<text class="t">{{ options.name }}</text>
+					</view>
+					<view class="intro">
+						<text class="t">{{ options.intro }}</text>
+					</view>
+				</view>
+			</view>
+			<view class="right" v-if="showSwitch">
+				<u-switch :active-value="1" :inactive-value="0" v-model="isOpen"></u-switch>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import { ref, onMounted, nextTick } from 'vue';
+
+const props = defineProps({
+	options: {
+		type: Object,
+		default: {
+			name: '标题',
+			intro: '说明',
+			icon: 'xszk'
+		}
+	},
+	showSwitch: {
+		type: Boolean,
+		default: false
+	}
+});
+
+const headHeight = ref(70);
+
+const isOpen = defineModel('isOpen', {
+	type: [Boolean, String, Number],
+	default: 0
+});
+
+const emits = defineEmits(['load']);
+
+onMounted(() => {
+	nextTick(() => {
+		emits('load', { height: headHeight.value });
+	});
+});
+</script>
+
+<style scoped lang="scss">
+.item-doc {
+	width: 100%;
+}
+.item {
+	width: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 99;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	background-color: #fff;
+	padding: 20upx 28upx;
+	.left {
+		display: flex;
+		.icon {
+			$size: 80upx;
+			width: $size;
+			height: $size;
+			flex-shrink: 0;
+		}
+		.info {
+			display: flex;
+			padding-left: 20upx;
+			flex-direction: column;
+			.title {
+				.t {
+					font-size: 28upx;
+					font-weight: bold;
+				}
+			}
+			.intro {
+				.t {
+					font-size: 28upx;
+					color: #999;
+				}
+			}
+		}
+	}
+}
+</style>