File: /var/www/dk/wp-content/themes/food/page-login.php
<?php
/* Template Name: login */
get_header('food');
$index_post = 81;
//獲取預設info
$home_info = new stdClass;
$home_info->cate1 = get_post_meta($index_post, "cate1", true);
$home_info->part2_m_url = get_post_meta($index_post, "part2_m_url", true);
$home_info->part2_pc_url = get_post_meta($index_post, "part2_pc_url", true);
$home_info->part2_cate = get_post_meta($index_post, "part2_cate", true);
$home_info->about_company_url = get_post_meta($index_post, "about_company_url", true);
$home_info->about_content = get_post_meta($index_post, "about_content", true);
$home_info->about_phone = get_post_meta($index_post, "about_phone", true);
$home_info->about_call = get_post_meta($index_post, "about_call", true);
$home_info->about_fax = get_post_meta($index_post, "about_fax", true);
$home_info->about_addr = get_post_meta($index_post, "about_addr", true);
$home_info->about_addr_en = get_post_meta($index_post, "about_addr_en", true);
$home_info->payme_url = get_post_meta($index_post, "payme_url", true);
$vueVersion = time();
//$current_user = wp_get_current_user();
if (is_user_logged_in()) {
// echo '您已登陆';
Header("Location: /");
} else {
// echo '请登录！';
}
?>
<style>
.clearfix {
font-family: Arial;
font-weight: bold;
opacity: 1;
}
.clearfix::after {
content: '';
clear: both;
display: block;
}
.bmain {
display: flex;
justify-content:space-evenly;
align-items: center;
}
#main_bg {
/* 加载背景图 */
background-image: url("<?php bloginfo('template_directory'); ?>/food-app/img/login//banner_bg@2x.png");
/* 背景图垂直、水平均居中 */
background-position: center center;
/* 背景图不平铺 */
background-repeat: no-repeat;
/* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
/*background-attachment: fixed;*/
/* 让背景图基于容器大小伸缩 */
background-size: cover;
/* 设置背景颜色，背景图加载过程中会显示背景色 */
/*background-color: #464646;*/
}
.cbox div {
height: 50px;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
line-height: 50px;
}
</style>
<app id="app">
<yq-header></yq-header>
<div id="main_bg" class="h-[8.19rem]">
<main class=" w-100 py-[0.2rem] md:w-[768px] md:mx-auto xl:w-[1280px]">
<!--login-->
<div class=" clearfix">
<div class="w-[6.14rem] h-[6.66rem] float-right bg-white mt-[0.81rem] relative" style="border-radius: 5px">
<yq-login></yq-login>
<!-- <div class="mx-[0.77rem]">-->
<!---->
<!-- <div class="w-full h-[0.28rem] mt-[0.77rem] flex">-->
<!-- <div class="text-center text-[0.26rem] text-333">手機號登錄</div>-->
<!-- <div class=" mx-[0.15rem] text-CCC">|</div>-->
<!-- <div class="text-center text-[0.26rem] text-999">郵箱登錄</div>-->
<!-- </div>-->
<!-- <form class="mt-[0.51rem]" action="#" method="POST">-->
<!-- <input type="hidden" name="remember" value="true">-->
<!-- <div class="">-->
<!-- <div>-->
<!-- <input id="phone" name="email" type="text" required class="relative block w-full rounded-t-md border-0 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600 h-[0.51rem]" placeholder="請輸入手機號" style="background: rgba(255,255,255,0.39);border: 1px solid #CCCCCC;border-radius: 3px;">-->
<!-- </div>-->
<!---->
<!-- <div>-->
<!-- <input id="verification_code" name="verification_code" type="text" required class="relative inline-block w-auto rounded-t-md border-0 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600 h-[0.51rem] mt-[0.26rem]" placeholder="請輸入短信驗證碼" style="background: rgba(255,255,255,0.39);border: 1px solid #CCCCCC;border-radius: 3px;">-->
<!-- <button type="submit" class="h-[0.51rem] text-[0.23rem] inline-block w-[1.54rem] justify-center bg-main-color text-white hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" style="background: rgba(234,105,8,0.39);opacity: 1;border-radius: 3px;">-->
<!-- 獲取驗證碼-->
<!-- </button>-->
<!-- </div>-->
<!-- -->
<!-- </div>-->
<!---->
<!-- <div class="flex items-center justify-between mt-[0.26rem] mb-[0.77rem]">-->
<!-- <div class="flex items-center">-->
<!-- <a href="#" class="font-medium text-333 hover:text-grey">使用密碼驗證登錄</a>-->
<!-- </div>-->
<!---->
<!-- <div class="">-->
<!-- <a href="#" class="font-medium text-333 hover:text-grey">遇到問題？</a>-->
<!-- </div>-->
<!-- </div>-->
<!---->
<!-- <div class=" mb-[0.2rem]">-->
<!-- <button type="submit" class="h-[0.61rem] text-[0.23rem] leading-[0.6rem] group relative flex w-full justify-center bg-main-color font-semibold text-white hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">-->
<!-- 立即登錄-->
<!-- </button>-->
<!-- </div>-->
<!---->
<!-- <div class="flex items-center justify-center">-->
<!-- <div class="flex items-center">-->
<!-- <input id="remember-me" name="remember-me" type="checkbox" class="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600">-->
<!-- <label for="remember-me" class="ml-[0.13rem] block text-666">同意</label>-->
<!-- </div>-->
<!---->
<!-- <div class="">-->
<!-- <a href="#" class="font-medium text-main-color hover:text-grey">《使用條款和隱私條例》</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </form>-->
<!---->
<!---->
<!-- </div>-->
<div class="flex h-[0.83rem] absolute inset-x-0 bottom-0" style="background: rgba(0,155,150,0.39);border-radius: 0px 0px 5px 5px;">
<div class="w-1/2">
<div class="bmain mt-[0.19rem]">
<div class="bmain_sub"><img :src="local_url+'img/login/facebook@2x.png'" class="w-[0.46rem] h-[0.46rem]"></div>
<div class="bmain_sub"><img :src="local_url+'img/login/google@2x.png'" class="w-[0.46rem] h-[0.46rem]"></div>
<div class="bmain_sub"><img :src="local_url+'img/login/wechat@2x.png'" class="w-[0.46rem] h-[0.46rem]"></div>
</div>
</div>
<div class="w-1/2 text-center h-[0.83rem] leading-[0.83rem]">
<a href="http://localhost/wordpress/?page_id=329" class="font-medium text-main-color hover:text-white">註冊賬號>></a>
</div>
</div>
</div>
</div>
</div>
<!--login end-->
</main>
</div>
<yq-footer></yq-footer>
</app>
<script>
const local_url = '<?php echo $local_url ?>'
const home_info = JSON.parse('<?php echo json_encode($home_info) ?>')
new Vue({
el: "#app",
components: {
'yq-login': httpVueLoader('<?php showFoodAppPath('components/yq-login.vue?v=' . $vueVersion) ?>'),
'yq-header': httpVueLoader('<?php showFoodAppPath('components/yq-header.vue?v=5') ?>'),
'yq-footer': httpVueLoader('<?php showFoodAppPath('components/yq-footer.vue?v=2') ?>'),
},
created() {},
data: {},
methods: {}
})
</script>
<?php get_footer('food'); ?>