init

project-wl-yonghuduan-uniapp-vue3/components/BtnFooter/index.scss

@@ -0,0 +1,21 @@
+.BtnFooter{
+	position: fixed;
+	bottom: 0;
+	height: 172rpx;
+	width: 100%;
+	background-color: white;
+	.btn{
+		width: 404rpx;
+		height: 88rpx;
+		background: #CCCCCC;
+		border-radius: 44rpx;
+		color: white;
+		font-size: 30rpx;
+		text-align: center;
+		line-height: 88rpx;
+		margin: 24rpx auto 0;
+	}
+	.btn.active{
+		background-color:#E84134 ;
+	}
+}

project-wl-yonghuduan-uniapp-vue3/components/BtnFooter/index.vue

@@ -0,0 +1,31 @@
+<!-- 底部按钮 -->
+<template>
+	<view class="BtnFooter">
+		<view class="btn" :class="isActive?'active':''" @click="handleClick">{{btnText}}</view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		ref,
+		reactive,
+		onMounted,
+	} from 'vue';
+	defineProps({
+		btnText:{
+			type: String,
+			default: '确定',
+		},
+		isActive:{
+			type: Boolean,
+			default: false,
+		}
+	})
+	const emits = defineEmits(["@confirm"]);
+	
+	const handleClick = ()=>{
+		emits('confirm')
+	}
+</script>
+
+<style src="./index.scss" lang="scss" scoped></style>