提交 58f3e52a authored 作者: xiaotuoluo's avatar xiaotuoluo

修改

上级 819ea912
<script setup>
import whatsApp from '@/assets/social/whatsApp.png'
import { handleFabClick } from './view/utils/util'
// const handleFabClick = () => {
// window.open('https://www.umrazafund.com')
// }
const handleFabClickWhats = () => {
window.open('https://api.whatsapp.com/send?phone=6285355005867')
}
</script>
<template>
<!-- <Suspense>
<template #default>
......@@ -11,14 +22,14 @@ import whatsApp from '@/assets/social/whatsApp.png'
<div
class="fixed bottom-24 left-6 pl-4 pr-4 pt-3 pb-3 bg-[#00322fe6] hover:opacity-90 text-white rounded-full flex items-center justify-center shadow-lg cursor-pointer"
@click="handleFabClick"
@click="handleFabClick()"
>
<span>Hubungi Kami</span>
<span>Dana Haji</span>
</div>
<div
class="fixed bottom-6 left-6 w-14 h-14 bg-green-500 hover:bg-green-600 text-white rounded-full flex items-center justify-center shadow-lg cursor-pointer"
@click="handleFabClick"
@click="handleFabClickWhats"
>
<img class="w-14" :src="whatsApp" alt="">
</div>
......
......@@ -60,13 +60,13 @@
</div>
<!-- phone -->
<div class="lg:hidden sm:block bg-black h-10 w-full text-white items-center flex p-4 text-[12px]">
<div class="lg:hidden sm:block md:block bg-black h-10 w-full text-white items-center flex p-4 text-[12px]">
<div class="flex flex-row items-center h-full">
<img @click="tapChat(index)" class="h-5 bg-black hover:opacity-50" v-for="(value,index) in imgList" :src="value" alt="">
</div>
</div>
<div
class="lg:hidden sm:block flex flex-row items-center justify-between p-2.5 sticky top-0 z-50 bg-white border-b border-gray-200">
class="lg:hidden flex flex-row items-center justify-between p-2.5 sticky top-0 z-50 bg-white border-b border-gray-200">
<strong><span @click="menuTap" class="text-[14px] text-[#333333]">☰ MENU</span></strong>
<img class="h-10" :src="logoImg" alt="">
<div class="flex items-center justify-center w-[93px] h-[42px] bg-[#f3f3f3]">
......
......@@ -4,19 +4,19 @@
<iframe :src="embedUrl" frameborder="0" allow="autoplay; muted; loop; encrypted-media"></iframe>
<!-- <div class="absolute top-12 z-40 opacity-30 bg-[green] left-24 right-24 h-[600px] pl-24 pr-24 pt-12">
</div> -->
<div class="absolute top-100 left-24 right-24 hover:opacity-80 text-white flex justify-center items-center">
<div class="z-41 border pl-3 pr-3 pt-3 pb-3 rounded-sm">
<strong class="hover:opacity-50">KLIK UNTUK RESERVASI</strong>
<div @click="handleFabClick()" class="absolute top-100 left-24 right-24 hover:opacity-80 text-white flex justify-center items-center">
<div class="z-50 border pl-3 pr-3 pt-3 pb-3 rounded-sm">
<strong>KLIK UNTUK RESERVASI</strong>
</div>
</div>
</div>
<div class="lg:hidden sm:block w-full h-[400px] pt-4">
<div><img class="h-[400px] object-cover" :src="backImg" alt=""></div>
<div class="lg:hidden w-full h-[400px] pt-4">
<div><img class="h-[400px] w-full object-cover" :src="backImg" alt=""></div>
<div class="absolute top-4 w-full z-40 opacity-30 bg-[green] h-[400px] pl-24 pr-24 pt-12">
</div>
<div class="absolute top-50 w-full hover:opacity-80 text-white flex justify-center items-center">
<div class="z-41 border pl-3 pr-3 pt-3 pb-3 rounded-sm">
<div @click="handleFabClick()" class="z-41 border pl-3 pr-3 pt-3 pb-3 rounded-sm">
<strong class="hover:opacity-50">KLIK UNTUK RESERVASI</strong>
</div>
</div>
......@@ -155,7 +155,7 @@
<div class="mt-2.5"><strong><span class="text-[22px] leading-8">Pesan Perjalanan Suci Anda</span></strong></div>
<strong><span class="text-[22px] leading-8">Sekarang!</span></strong>
<div class="mt-2.5 text-center w-full lg:w-[500px]"><span class="text-[14px] leading-6 text-center text-[#ffffffcc]">Hubungi kami sekarang untuk mempelajari lebih lanjut tentang paket umrah kami dan melakukan reservasi. Nikmati pengalaman umrah yang tak terlupakan dengan pemandu berpengalaman dan layanan yang nyaman.</span></div>
<div class="p-3 border rounded-sm border-white text-[13px] mt-10">
<div @click="handleFabClick()" class="p-3 border rounded-sm border-white text-[13px] mt-10">
KLIK UNTUK RESERVASI
</div>
<div class="flex flex-row h-10 mt-5">
......@@ -187,6 +187,7 @@ import ins from "@/assets/social/ins.jpg"
import x from "@/assets/social/x.jpg"
import whats from "@/assets/social/whats.jpg"
import you from "@/assets/social/you.jpg"
import { handleFabClick } from '../utils/util';
const id = 'L-YyR1oN66w'
const embedUrl =
......@@ -330,7 +331,7 @@ const bottomList = [
//聊天了
const chatAction = () => {
handleFabClick()
}
const clickChat = (index) => {
if(index == 0){
......@@ -342,7 +343,7 @@ const clickChat = (index) => {
<style scoped>
.video-bg {
pointer-events: none;
/* pointer-events: none; */
background: #fff;
}
.video-bg iframe {
......
......@@ -78,7 +78,7 @@
<div class="mt-2.5"><strong><span class="text-[22px] leading-8">Pesan Perjalanan Suci Anda</span></strong></div>
<strong><span class="text-[22px] leading-8">Sekarang!</span></strong>
<div class="mt-2.5 text-center lg:w-[500px] w-[90%]"><span class="text-[14px] leading-6 text-center text-[#ffffffcc]">Hubungi kami sekarang untuk mempelajari lebih lanjut tentang paket umrah kami dan melakukan reservasi. Nikmati pengalaman umrah yang tak terlupakan dengan pemandu berpengalaman dan layanan yang nyaman.</span></div>
<div class="p-3 border rounded-sm border-white text-[13px] mt-10">
<div @click="handleFabClick()" class="p-3 border rounded-sm border-white text-[13px] mt-10">
KLIK UNTUK RESERVASI
</div>
<!-- <div class="w-[100px] bg-red-700 h-10 mt-5"></div> -->
......@@ -98,6 +98,7 @@ import ins from "@/assets/social/ins.jpg"
import x from "@/assets/social/x.jpg"
import whats from "@/assets/social/whats.jpg"
import you from "@/assets/social/you.jpg"
import { handleFabClick } from "../utils/util"
const imgList = [
facebook,
......
// src/utils.js
export const handleFabClick = () => {
window.open('https://www.umrazafund.com')
}
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论