LiuJiangYY_tj/柳江医院体检平台H5/pages/main/home/home.vue

<script setup>
	/**
	 * name：
	 * user：sa0ChunLuyu
	 * date：2022-04-19 14:58:23
	 */
	import {
		ref
	} from 'vue'
	import config from '@/config.js'
	const name = ref('')
	const toDev = () => {
		if (name.value) {
			uni.navigateTo({
				url: '/pages/dev/dev/dev?name=' + name.value
			})
		} else {
			uni.$lu.toast("多少输点东西行不行")
		}
	}
</script>
<template>
	<view class="home_wrapper">
		<view class="home_logo_wrapper">
			<image src="/static/logo.png"></image>
		</view>
		<view class="home_title_wrapper">{{ config.title }}</view>
		<view class="home_dev_tool_wrapper">
			<uni-easyinput :clearable="false" v-model="name" placeholder="..." />
			<view class="home_dev_tool_button_wrapper">
				<button type="primary" @click="toDev()">YO !</button>
			</view>
		</view>
	</view>
</template>
<style scoped>
	.home_dev_tool_button_wrapper {
		margin-top: 10rpx;
	}

	.home_title_wrapper {
		margin: 10rpx 0;
	}

	.home_logo_wrapper {
		width: 200rpx;
		height: 200rpx;
		margin: 0 auto;
	}

	.home_logo_wrapper image {
		width: 200rpx;
		height: 200rpx;
	}

	.home_wrapper {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
</style>