挪车电话
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=yes"/>
<title>挪车·电话</title>
</head>
<style>
.tips {
/*background-color: #FFF000;*/
width: 94%;
height: 100px;
line-height: 100px;
margin: 30px auto;
color: #1296db;
display: flex;
font-size: 36px;
box-sizing: border-box;
}
.suona {
width: 70px;
height: 70px;
margin: auto 0;
}
.suona svg {
width: 100%;
height: 100%;
}
.tips .message {
padding-left: 20px;
}
.car_license {
width: 90%;
height: 300px;
line-height: 300px;
font-size: 120px;
letter-spacing: 16px;
color: white;
background-color: #1e68bb;
border-radius: 2px;
border: white 4px solid;
text-align: center;
padding: 20px 20px;
box-shadow: 0 0 8px 8px #1e68bb;
/*// 外阴影前两个参数分别是上下和左右偏移后两个属性依次为模糊距离和阴影尺寸最后是颜色*/
margin: 0 auto;
}
.owner_message {
width: 100%;
height: 100px;
line-height: 100px;
text-align: center;
font-weight: bold;
font-size: 80px;
margin-top: 30px;
}
.phone {
width: 100%;
height: 150px;
display: flex;
margin-top: 150px;
border-top: 2px solid #eee;
border-bottom: 2px solid #eee;
}
.phone .phone_icon {
width: 15%;
height: 100%;
}
.phone .phone_icon svg {
width: 80px;
height: 80px;
display: block;
margin: 35px auto;
}
.click_text {
width: 85%;
height: 100%;
font-size: 40px;
}
.click_phone, .click_tip {
width: 100%;
height: 75px;
line-height: 75px;
font-weight: bold;
box-sizing: border-box;
}
.click_text .click_tip {
font-size: 30px;
color: #8a8a8a;
}
.click_arrow {
width: 5%;
height: 100%;
display: flex;
}
.click_arrow svg {
display: block;
width: 100%;
height: auto;
vertical-align: center;
}
a {
color: #2d2e2f;
outline: none;
text-decoration: none;
}
</style>
<body>
<div class="tips">
<div class="suona">
<svg t="1680512568946" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
p-id="2927" width="200" height="200">
<path
d="M330.24 381.44 167.424 381.44c-16.384 0-29.184-13.312-29.184-29.184s13.312-29.184 29.184-29.184l162.816 0c16.384 0 29.184 13.312 29.184 29.184S346.624 381.44 330.24 381.44z"
p-id="2928" fill="#1296db"></path>
<path
d="M167.424 562.688c-16.384 0-29.184-13.312-29.184-29.184L138.24 352.256c0-16.384 13.312-29.184 29.184-29.184s29.184 13.312 29.184 29.184l0 181.248C196.608 549.888 183.808 562.688 167.424 562.688z"
p-id="2929" fill="#1296db"></path>
<path
d="M628.736 601.6c-16.384 0-29.184-13.312-29.184-29.184L599.552 210.432c0-1.024 0-2.56 0-3.072 0-2.048-1.536-3.072-3.072-3.072-0.512 0-1.024 0-1.536 0.512-0.512 0.512-1.024 0.512-1.536 1.024L347.136 376.32c-13.312 9.216-31.744 6.144-40.96-7.168-9.216-13.312-6.144-31.744 7.168-40.96l247.808-172.544c1.024-0.512 1.536-1.024 2.56-1.536 9.728-6.144 20.992-9.216 32.256-9.216 33.792 0 61.44 27.648 61.44 61.44 0 0.512 0 1.024 0 2.048 0 0.512 0 0.512 0 1.024l0 362.496C658.432 588.288 645.12 601.6 628.736 601.6z"
p-id="2930" fill="#1296db"></path>
<path
d="M330.24 700.928 167.424 700.928c-16.384 0-29.184-13.312-29.184-29.184s13.312-29.184 29.184-29.184l162.816 0c16.384 0 29.184 13.312 29.184 29.184S346.624 700.928 330.24 700.928z"
p-id="2931" fill="#1296db"></path>
<path
d="M167.424 700.928c-16.384 0-29.184-13.312-29.184-29.184L138.24 490.496c0-16.384 13.312-29.184 29.184-29.184s29.184 13.312 29.184 29.184l0 181.248C196.608 687.616 183.808 700.928 167.424 700.928z"
p-id="2932" fill="#1296db"></path>
<path
d="M596.48 879.104c-11.776 0-23.04-3.072-32.768-9.216-1.024-0.512-1.536-1.024-2.56-1.536l-247.808-172.544c-13.312-9.216-16.384-27.648-7.168-40.96 9.216-13.312 27.648-16.384 40.96-7.168l246.272 171.52c0.512 0.512 1.024 0.512 1.536 1.024 0.512 0.512 1.536 0.512 1.536 0.512 1.536 0 3.072-1.536 3.072-3.072 0-1.536 0-3.072 0-4.096l0-361.472c0-16.384 13.312-29.184 29.184-29.184s29.184 13.312 29.184 29.184l0 362.496c0 0.512 0 0.512 0 1.024 0 0.512 0 1.024 0 1.536C658.432 851.456 630.784 879.104 596.48 879.104z"
p-id="2933" fill="#1296db"></path>
<path
d="M684.032 650.24c-13.824 0-26.112-9.728-28.672-24.064-3.072-15.872 7.68-31.232 23.552-33.792 38.912-6.656 67.072-40.448 67.072-79.872 0-39.424-28.16-73.216-67.072-79.872-15.872-3.072-26.624-17.92-23.552-33.792 3.072-15.872 17.92-26.624 33.792-23.552 67.072 11.776 115.712 69.632 115.712 137.728 0 68.096-48.64 125.952-115.2 137.728C687.616 650.24 686.08 650.24 684.032 650.24z"
p-id="2934" fill="#1296db"></path>
<path
d="M931.328 541.184l-88.064 0c-16.384 0-29.184-13.312-29.184-29.184s13.312-29.184 29.184-29.184l88.064 0c16.384 0 29.184 13.312 29.184 29.184S947.2 541.184 931.328 541.184z"
p-id="2935" fill="#1296db"></path>
<path
d="M815.616 261.632c-7.68 0-14.848-3.072-20.48-8.704-11.264-11.264-11.264-30.208 0-41.472l60.416-60.416c11.264-11.264 30.208-11.264 41.472 0 11.264 11.264 11.264 30.208 0 41.472l-60.416 60.416C830.976 258.56 823.296 261.632 815.616 261.632z"
p-id="2936" fill="#1296db"></path>
<path
d="M876.032 881.664c-7.68 0-14.848-3.072-20.48-8.704l-60.416-60.416c-11.264-11.264-11.264-30.208 0-41.472s30.208-11.264 41.472 0l60.416 60.416c11.264 11.264 11.264 30.208 0 41.472C891.392 878.592 883.712 881.664 876.032 881.664z"
p-id="2937" fill="#1296db"></path>
</svg>
</div>
<div class="message">车主有急事，临时停靠10分钟，马上回来</div>
</div>
<div class="car_license">
渝A·YY721
</div>
<div class="owner_message">临时停靠，请多关照!</div>
<a href="javascript:call_phone(15823885405) ">
<div class="phone">
<div class="phone_icon">
<svg t="1680512931730" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
p-id="5553" width="200" height="200">
<path
d="M737.17551 923.167347c-40.228571 0-86.204082-7.314286-134.269388-22.465306-114.938776-36.04898-228.310204-110.759184-318.693877-210.546939-135.836735-149.942857-201.142857-299.363265-188.081633-432.587755 3.657143-32.914286 14.628571-74.710204 64.261225-108.669388 38.138776-30.302041 81.502041-48.587755 115.461224-47.542857 35.526531 0.522449 48.065306 13.061224 84.636735 66.873469C416.391837 245.55102 420.571429 284.212245 418.481633 306.155102c-3.657143 36.571429-24.032653 52.244898-41.795919 66.35102-4.702041 3.657143-8.881633 6.791837-12.538775 10.44898-21.942857 28.212245-49.110204 66.873469 66.35102 185.991837 98.742857 94.563265 151.510204 106.057143 173.97551 104.489796 17.240816-1.044898 24.555102-10.44898 27.167347-13.583674l0.522449-0.522449c36.571429-51.722449 49.110204-64.261224 84.114286-69.485714 34.481633-5.22449 51.722449 5.22449 124.342857 51.2 65.828571 41.273469 96.130612 68.963265 88.816327 111.804082-2.089796 47.542857-38.138776 111.804082-79.412245 140.538775-28.212245 19.853061-66.873469 29.779592-112.84898 29.779592zM273.240816 142.628571c-18.808163 0-52.244898 9.926531-88.293877 39.183674l-1.044898 1.044898c-33.436735 22.465306-42.840816 48.065306-46.497959 78.889796-11.493878 120.685714 49.632653 259.134694 177.632653 400.195918 138.971429 153.077551 311.379592 219.428571 423.183673 219.428572 37.093878 0 67.395918-7.314286 87.771429-21.420409 33.436735-23.510204 60.604082-78.367347 61.648979-109.191836l0.522449-3.134694c2.089796-12.016327 4.179592-24.032653-70.008163-70.530612-71.053061-44.930612-78.367347-48.065306-95.608163-45.453062-17.763265 2.612245-21.420408 3.134694-56.42449 52.767347l-1.044898 1.044898c-17.763265 22.465306-40.75102 28.734694-56.946939 30.302041-52.767347 4.179592-122.253061-35.004082-206.367347-115.983673l-0.522449-0.522449c-132.179592-135.836735-104.489796-196.440816-68.963265-242.416327l2.612245-2.612245c5.746939-5.22449 10.971429-9.926531 16.718367-14.106122 16.195918-13.061224 24.032653-19.853061 26.122449-37.616327 2.089796-24.032653-15.15102-61.126531-50.677551-110.236735l-0.522449-0.522448c-32.914286-48.587755-36.04898-48.587755-51.2-48.587756-1.044898-0.522449-1.567347-0.522449-2.089796-0.522449z"
fill="#2c2c2c" p-id="5554"></path>
</svg>
</div>
<div class="click_text">
<div class="click_phone">挪车电话
<span class="mobile" style="font-size: 24px;color: #8a8a8a;line-height: 40px;display: inline;">15823885405</span>
</div>
<div class="click_tip">点击拨打，马上来挪车</div>
</div>
<div class="click_arrow">
<svg t="1680513034871" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
p-id="8014" width="128" height="128">
<path
d="M290.909091 983.272727a29.090909 29.090909 0 0 1-20.596364-49.570909L689.92 512l-418.909091-421.701818a29.090909 29.090909 0 0 1 41.309091-40.96l439.505455 442.181818a29.090909 29.090909 0 0 1 0 40.96l-439.505455 442.181818a28.974545 28.974545 0 0 1-21.410909 8.610909z"
fill="#8a8a8a" p-id="8015"></path>
</svg>
</div>
</div>
</a>
</body>
<script>
//默认信息
var mobile = '15823885405';
var car_license = '渝A·YY721';
(function () {
const car_info = {
'zhou': {
'car_license': '渝A·YY721',
'mobile': '15823885405',
},
'mao': {
'car_license': '渝A·18SZ3',
'mobile': '13251360348',
}
}
var user = '';
var arrList = window.location.search.substr(1).split('&')
arrList.forEach(function (item) {
var arr = item.split('=')
if (arr == 'user') {
user = window.decodeURIComponent(arr)
}
})
if (user == '') {
user = 'zhou';
}
for (var key in car_info) {
if (key == user) {
mobile = car_info.mobile;
car_license = car_info.car_license;
}
}
document.querySelector('.car_license').innerHTML = car_license;
document.querySelector('.mobile').innerHTML = mobile;
}());
function call_phone() {
window.location.href = 'tel://' + mobile;
}
</script>
</html>
原文链接
页:
[1]