hookehuyr

✨ feat: 显示细节调整

......@@ -66,12 +66,7 @@ import $ from 'jquery'
import { Toast } from 'vant';
const $route = useRoute();
const $router = useRouter();
// 自定义按钮颜色样式
const styleObject = reactive({
backgroundColor: '#F4675A',
color: '#FFFFFF',
borderColor: '#F4675A'
})
const items = reactive([])
const onClick = (item) => {
// 调整书籍详情页
......
<template>
<van-image width="100%" height="100%" :src="logo_image" />
<div style="margin-bottom: 1rem;">
<div class="login-header">
<van-row align="center">
<van-col span="8">
</van-col>
<van-col span="8" style="text-align: center; margin-top: 2vh;">
<p style="font-size: 2.5vh; margin: 1vh;">登&nbsp;录</p>
<van-col span="8" class="title">
<p>登&nbsp;录</p>
</van-col>
<van-col span="8">
</van-col>
......@@ -240,12 +240,17 @@ export default {
--van-button-primary-background: white;
}
// .logo-section {
// height: 22vh;
// // padding: 2vh;
// background-size: contain;
// background-image: url('@images/zhengshu-banner@2x.png');
// }
.login-header {
margin-bottom: 1rem;
.title {
text-align: center;
margin-top: 2vh;
p {
font-size: 2.5vh;
margin: 1vh;
}
}
}
.login-section {
// background-color: #FAFAFA;
......
......@@ -7,11 +7,9 @@
<p style="color: #B8B8B8; margin: 1rem; margin-bottom: 0;">请选择您的身份</p>
<div class="control">
<div class="plain">
<!-- <my-button type="plain" @on-click="goVisit">访客</my-button> -->
<my-button type="custom" :custom-style="styleObject1" @on-click="goVisit">访客</my-button>
</div>
<div class="primary">
<!-- <my-button type="primary" @on-click="goSchool">我有所属幼儿园</my-button> -->
<my-button type="custom" :custom-style="styleObject2" @on-click="goSchool">我有所属幼儿园</my-button>
</div>
</div>
......@@ -52,8 +50,6 @@ const goSchool = () => { // 跳转选择幼儿园页面
}
onMounted (() => {
// 进入项目自动打开导航栏
// window.history.pushState({}, "title", "#");
// 背景颜色全屏
$('.client-index-page').height($(document).height());
})
......@@ -91,7 +87,6 @@ export default {
position: absolute;
bottom: 0;
width: 100%;
// background-color: #FFF;
.control {
margin: 1rem;
margin-top: 0.5rem;
......