This commit is contained in:
scout 2025-01-24 16:45:25 +08:00
parent 63a2792b36
commit 3d5a142a43
4 changed files with 30 additions and 27 deletions

View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover">
<title>西岛餐卷</title>
</head>
<body>

View File

@ -105,25 +105,23 @@ onMounted(() => {
<style lang="less" scoped>
.container {
width: 100%;
height: 100vh;
height: 100%;
background-image: url('@/assets/yybg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.page {
height: 100vh;
min-height: 100%;
padding: 31px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.van-field {

View File

@ -1,7 +1,7 @@
<template>
<div class="container">
<div class="page">
<div style="margin-top: 350px;">
<div style="margin-top: 200px;">
<van-field v-model="userName" clearable placeholder="请输入姓名">
<template #label>
@ -73,9 +73,9 @@
</div>
<van-button v-if="userName && appointDate && num" @click="confirmYuyue" style="width: 92%;margin-top: 30px;"
<van-button v-if="userName && appointDate && num" @click="confirmYuyue" style="width: 92%;margin-top: 30px;min-height: 40px;"
color="#1936C9">确认预约</van-button>
<van-button v-else color="#464646" style="width: 92%;margin-top: 30px;">确认预约</van-button>
<van-button v-else color="#464646" style="width: 92%;margin-top: 30px;min-height: 40px;">确认预约</van-button>
<div style="margin-top: 20px;color: #959595; font-size: 14px;">
到预约时间未消费则餐券作废
</div>
@ -250,32 +250,31 @@ onMounted(async () => {
<style lang="less" scoped>
.container {
width: 100%;
height: 100%;
background-image: url('@/assets/bg2.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: fixed;
top: 0;
left: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.page {
min-height: 100%;
padding: 0 31px 0 31px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ts {
/deep/ .van-cell__title{
margin-right: 80px;
}
}
.page {
height: 100vh;
padding: 31px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.van-field {
width: 800px;
background: none;

View File

@ -30,7 +30,10 @@ html,
body {
width: 100%;
height: 100%;
overflow: inherit;
position: fixed;
top: 0;
left: 0;
overflow: auto;
}
#app {
@ -38,6 +41,9 @@ body {
color: #2c3e50;
font-size: 16px;
font-weight: Regular;
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
h1 {