<template>
	<view class="navs" :style="{backgroundColor:color}">
		<text class="ttt">{{titles}}</text>
	</view>
</template>

<script setup>
import {
		ref,
		defineProps,
		defineEmits
	} from 'vue';
	const props = defineProps(['titles','color'])
</script>

<style lang="scss">
	.navs {
		width: 100%;
		height: 11%;
		background-color:#5f80ee;
		position: fixed;
		z-index: 10;
		top: 0;
		color: white;

		.ttt {
			position: absolute;
			bottom: 30rpx;
			left: 50%;
			transform: translateX(-50%);
		}
	}
</style>