Skip to content

C
contraceptives_app
Commit a01abadf authored by gengchunlei's avatar gengchunlei
Browse files
Options

小程序 楚晓康小程序对接

parent c121de7f
Hide whitespace changes
Inline Side-by-side
Showing with 584 additions and 547 deletions
src/utils/api.js
View file @ a01abadf
...@@ -131,3 +131,9 @@ export const addDestroyApply = params => { ...@@ -131,3 +131,9 @@ export const addDestroyApply = params => {
export const getUserInfoByIdCard = params => { export const getUserInfoByIdCard = params => {
return apiInstance.get(`/stock-info/v1/api/phone-h5/stock-provide-record/get-residents-info-by-id-card`, {params}) return apiInstance.get(`/stock-info/v1/api/phone-h5/stock-provide-record/get-residents-info-by-id-card`, {params})
} }
//小程序根据token获取手机号
export const getPhoneByXCXToken = params => {
return apiInstance.post(`/stock-info/api/yzdj-api-app/base-member-phone`, params)
}
src/utils/common.js
View file @ a01abadf
...@@ -159,6 +159,7 @@ export function isIOSWebKit1() { ...@@ -159,6 +159,7 @@ export function isIOSWebKit1() {
} }
} }
// 判断是否安卓 // 判断是否安卓
export function isAndroid() { export function isAndroid() {
const aa = window.navigator.userAgent; const aa = window.navigator.userAgent;
...@@ -172,3 +173,18 @@ export function isWeiXin() { ...@@ -172,3 +173,18 @@ export function isWeiXin() {
const ua = window.navigator.userAgent.toLowerCase() const ua = window.navigator.userAgent.toLowerCase()
return /micromessenger/.test(ua) return /micromessenger/.test(ua)
} }
//关闭页面
export function backHome() {
if (isIOSWebKit1()) { //ios
console.log('ios')
callMobile("goIndex", {})
} else if (isAndroid()) {
console.log('Android')
callMobile("goIndex", {})
}
if (isWeiXin()) { // 微信中
console.log('weixin')
WeixinJSBridge.call('closeWindow')
}
}
\ No newline at end of file
src/views/myMap.vue
View file @ a01abadf
<template> <template>
<div class="myMap"> <div class="myMap">
<mt-header title="药具领取" v-if="showNav()"> <mt-header title="药具领取" v-if="showNav()">
<div slot="left" @click="toRealHome"> <div slot="left" @click="toRealHome">
<mt-button icon="back"></mt-button> <mt-button icon="back"></mt-button>
</div> </div>
</mt-header> </mt-header>
<div id="map-container" class="containerMap"></div> <div id="map-container" class="containerMap"></div>
<div class="scanCode"> <div class="scanCode">
<mt-button icon="saoma" type="primary" @click="ScanCode" v-log="['h5摄像头调用', '开始']">扫码领取</mt-button> <mt-button icon="saoma" type="primary" @click="ScanCode" v-log="['h5摄像头调用', '开始']">扫码领取</mt-button>
</div>
<div class="right_item">
<div class="item">
<div class="img" @click="toCollectRecords">
<img src="../assets/img/personal.png"/>
</div> </div>
<div class="right_item"> <label>领取记录</label>
<div class="item"> </div>
<div class="img" @click="toCollectRecords"> <!-- <div class="item">
<img src="../assets/img/personal.png"/> <div class="img">
</div> <img src="../assets/img/artificial.png"/>
<label>领取记录</label> </div>
</div> <label>人工网点</label>
<!-- <div class="item"> </div>-->
<div class="img"> <div class="item">
<img src="../assets/img/artificial.png"/> <div class="img" @click="toRealHome">
</div> <img src="../assets/img/homePage.png"/>
<label>人工网点</label>
</div>-->
<div class="item">
<div class="img" @click="toRealHome">
<img src="../assets/img/homePage.png"/>
</div>
<label>返回首页</label>
</div>
</div> </div>
<analyze-q-r-code :show="showPop" v-if="showPop" @getQRCode="getQRCode"></analyze-q-r-code> <label>返回首页</label>
</div>
</div> </div>
<analyze-q-r-code :show="showPop" v-if="showPop" @getQRCode="getQRCode"></analyze-q-r-code>
</div>
</template> </template>
<script> <script>
import AMap from 'AMap'; import AMap from 'AMap';
// import {location} from "../utils/mapUtils"; // import {location} from "../utils/mapUtils";
import machinesImg from '../assets/img/machines.png'; import machinesImg from '../assets/img/machines.png';
import closeImg from '../assets/img/close.png'; import closeImg from '../assets/img/close.png';
import presonImg from '../assets/img/preson.png'; import presonImg from '../assets/img/preson.png';
import sharpImg from '../assets/img/sharp.png'; import sharpImg from '../assets/img/sharp.png';
import {getNetworkInfo} from '../utils/api'; import {getNetworkInfo, getPhoneByXCXToken} from '../utils/api';
import {callMobile, getQueryVariable, isWeiXin, showNav} from "../utils/common"; import {backHome, callMobile, getQueryVariable, isWeiXin, showNav} from "../utils/common";
import {Toast} from 'mint-ui'; import {Toast} from 'mint-ui';
import {GPS} from "../utils/mapCalculation"; import {GPS} from "../utils/mapCalculation";
import AnalyzeQRCode from "./component/analyzeQRCode"; import AnalyzeQRCode from "./component/analyzeQRCode";
export default { export default {
name: "myMap", name: "myMap",
components: {AnalyzeQRCode}, components: {AnalyzeQRCode},
inject: ['showNav'], inject: ['showNav'],
data() { data() {
return { return {
recordNum: 0, recordNum: 0,
jumpHref: {}, jumpHref: {},
lngLat: [], lngLat: [],
showMap: false, showMap: false,
machines: [], machines: [],
locationInfo: undefined, locationInfo: undefined,
showPop: false, showPop: false,
} }
}, },
created() { created() {
if (!this.showNav()) { if (!this.showNav()) {
document.title = '药具领取' document.title = '药具领取'
} }
this.urltext() this.urltext()
}, },
mounted() { mounted() {
this.createMap(); this.createMap();
// 将qrcodeContent方法绑定到window下面，提供给外部调用 // 将qrcodeContent方法绑定到window下面，提供给外部调用
let vm = this let vm = this
window['qrcodeContent'] = (result) => { window['qrcodeContent'] = (result) => {
vm.subscanQRCallBack(result) vm.subscanQRCallBack(result)
this.$nextTick(() => { this.$nextTick(() => {
vm.$uweb.setCustomVar('医站到家扫码', '人数', 0) vm.$uweb.setCustomVar('医站到家扫码', '人数', 0)
}) })
} }
}, },
methods: { methods: {
// 接收url后的数据 // 接收url后的数据
urltext() { async urltext() {
let mobileToken = getQueryVariable('token') let mobileToken = getQueryVariable('token')
let userId = getQueryVariable('userId') let userId = getQueryVariable('userId')
let mobilePhone = getQueryVariable('mobile') let mobilePhone = getQueryVariable('mobile')
let realName = getQueryVariable('realName') let realName = getQueryVariable('realName')
let mobileTokenIno = { let system = getQueryVariable('system')
token: mobileToken,
userId: userId, //对接楚雄楚晓康小程序方案
phone: mobilePhone, if (system && system == 'cxk') {
realName, let result = await getPhoneByXCXToken({'token': mobileToken})
} console.log(result)
window.sessionStorage.setItem('mobileTokenIno', JSON.stringify(mobileTokenIno)) mobilePhone = result.data.data
}, }
ScanCode() {
// let info = JSON.parse(window.sessionStorage.getItem('mobileTokenIno')) //手机号不存在 直接返回
// const {phone = '', userId = ''} = info if (!mobilePhone) {
// let par = {telephone: phone, residentId: userId}//居民id return backHome()
// getUserReceiveNum(par).then(({data}) => { }
// if (data.data == true) {//true 该用户非首次领取需要填写随访 let mobileTokenIno = {
// this.$router.push(`/returnVisit`); token: mobileToken,
// } else { userId: userId,
// callMobile("qrcode", {}); phone: mobilePhone,
// } realName,
// }) }
// this.subscanQRCallBack(111) window.sessionStorage.setItem('mobileTokenIno', JSON.stringify(mobileTokenIno))
},
// 微信环境下 打开js扫码 （暂时关闭） ScanCode() {
if (isWeiXin()){ // let info = JSON.parse(window.sessionStorage.getItem('mobileTokenIno'))
this.showPop = true // const {phone = '', userId = ''} = info
} else { // let par = {telephone: phone, residentId: userId}//居民id
callMobile("qrcode", {}); // getUserReceiveNum(par).then(({data}) => {
} // if (data.data == true) {//true 该用户非首次领取需要填写随访
}, // this.$router.push(`/returnVisit`);
getQRCode(val) { // } else {
this.subscanQRCallBack(val) // callMobile("qrcode", {});
}, // }
subscanQRCallBack(val) { // })
let info = JSON.parse(window.sessionStorage.getItem('mobileTokenIno')) // this.subscanQRCallBack(111)
const {phone = '', userId = ''} = info
let urlP = '' // 微信环境下 打开js扫码 （暂时关闭）
// let ios = isIOSWebKit() if (isWeiXin()) {
// if (ios) { this.showPop = true
// val = 'https://yaojuapp.yiboshi.com/resident/#/resident/manualDistribution?id=39&netType=2&netTypeName=人工发放网点&netName=祥云县沙龙卫生院&status=0' } else {
urlP = val callMobile("qrcode", {});
// } else { }
// urlP = JSON.parse(val) },
// } getQRCode(val) {
let id = getQueryVariable('id',urlP) this.subscanQRCallBack(val)
let netType = getQueryVariable('netType',urlP) },
let netTypeName = getQueryVariable('netTypeName',urlP) subscanQRCallBack(val) {
let netName = getQueryVariable('netName',urlP) let info = JSON.parse(window.sessionStorage.getItem('mobileTokenIno'))
let netStauts = getQueryVariable('status',urlP) const {phone = '', userId = ''} = info
let result = { let urlP = ''
id, // let ios = isIOSWebKit()
netType, // if (ios) {
netTypeName, // val = 'https://yaojuapp.yiboshi.com/resident/#/resident/manualDistribution?id=39&netType=2&netTypeName=人工发放网点&netName=祥云县沙龙卫生院&status=0'
netName, urlP = val
status: netStauts, // } else {
telephone: phone, // urlP = JSON.parse(val)
resource: '1' // }
} let id = getQueryVariable('id', urlP)
if (!result.netType) { let netType = getQueryVariable('netType', urlP)
return let netTypeName = getQueryVariable('netTypeName', urlP)
} let netName = getQueryVariable('netName', urlP)
if (result.status == 1) { let netStauts = getQueryVariable('status', urlP)
Toast({ let result = {
message: '该网点目前非营业中...！', id,
duration: 2000 netType,
}); netTypeName,
return; netName,
} status: netStauts,
if (result.netType == 2){ telephone: phone,
this.$router.push({path: `/manualCollection`, query: result}); resource: '1'
} else { }
this.$router.push({path: `/choiceContraceptives`, query: result}); if (!result.netType) {
} return
}, }
toCollectRecords() { if (result.status == 1) {
// let result = { Toast({
// id: 100, message: '该网点目前非营业中...！',
// netType: '2', duration: 2000
// netTypeName:"人工发放网点", });
// netName: '615优化测试', return;
// status: 0, }
// telephone: '18288250254', if (result.netType == 2) {
// resource: '1' this.$router.push({path: `/manualCollection`, query: result});
// } } else {
// this.$router.push({path: `/manualCollection`, query: result}); this.$router.push({path: `/choiceContraceptives`, query: result});
this.$router.push('/collectRecords'); }
}, },
toRealHome() { toCollectRecords() {
callMobile("goIndex", {}); // let result = {
// let resultT = {id: 170, type: 2, netTypeName: '人工发放网点', netName: '刘厂镇东甸村委会',status: 0} // id: 100,
// this.$router.push({path:'/resident/manualDistribution', query: resultT}) // netType: '2',
}, // netTypeName:"人工发放网点",
createMap() { // netName: '615优化测试',
let self = this // status: 0,
// let geolocation = location.initMap("map-container"); //定位 // telephone: '18288250254',
let mapObj; // resource: '1'
let geolocation; // }
mapObj = new AMap.Map('map-container', {zoom: 15, mapStyle: "amap://styles/macaron"}); // this.$router.push({path: `/manualCollection`, query: result});
mapObj.plugin('AMap.Geolocation', function () { this.$router.push('/collectRecords');
geolocation = new AMap.Geolocation({ },
enableHighAccuracy: true,//是否使用高精度定位，默认:true toRealHome() {
timeout: 10000, //超过10秒后停止定位，默认：无穷大 callMobile("goIndex", {});
maximumAge: 0, //定位结果缓存0毫秒，默认：0 // let resultT = {id: 170, type: 2, netTypeName: '人工发放网点', netName: '刘厂镇东甸村委会',status: 0}
convert: true, //自动偏移坐标，偏移后的坐标为高德坐标，默认：true // this.$router.push({path:'/resident/manualDistribution', query: resultT})
showButton: true, //显示定位按钮，默认：true },
buttonPosition: 'RT', //定位按钮停靠位置，默认：'LB'，左下角 createMap() {
buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20) let self = this
showMarker: true, //定位成功后在定位到的位置显示点标记，默认：true // let geolocation = location.initMap("map-container"); //定位
showCircle: true, //定位成功后用圆圈表示定位精度范围，默认：true let mapObj;
panToLocation: true, //定位成功后将定位到的位置作为地图中心点，默认：true let geolocation;
zoomToAccuracy: false //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false mapObj = new AMap.Map('map-container', {zoom: 15, mapStyle: "amap://styles/macaron"});
}); mapObj.plugin('AMap.Geolocation', function () {
mapObj.addControl(geolocation); geolocation = new AMap.Geolocation({
geolocation.getCurrentPosition(); enableHighAccuracy: true,//是否使用高精度定位，默认:true
AMap.event.addListener(geolocation, 'complete', onComplete) timeout: 10000, //超过10秒后停止定位，默认：无穷大
AMap.event.addListener(geolocation, 'error', onError) maximumAge: 0, //定位结果缓存0毫秒，默认：0
self.locationInfo = mapObj convert: true, //自动偏移坐标，偏移后的坐标为高德坐标，默认：true
function onComplete(data) { showButton: true, //显示定位按钮，默认：true
// data是具体的定位信息 buttonPosition: 'RT', //定位按钮停靠位置，默认：'LB'，左下角
console.log('定位成功信息：', data) buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
// let gpsPoint = GPS.gcj_encrypt(data.position.getLat(), data.position.getLng()); showMarker: true, //定位成功后在定位到的位置显示点标记，默认：true
// console.log(gpsPoint) showCircle: true, //定位成功后用圆圈表示定位精度范围，默认：true
self.creatNetwork(data) panToLocation: true, //定位成功后将定位到的位置作为地图中心点，默认：true
} zoomToAccuracy: false //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
});
function onError(data) { //非安全域禁止定位（localhost不限制） 改为https即可 mapObj.addControl(geolocation);
// 定位出错 geolocation.getCurrentPosition();
console.log('定位失败错误：', data) AMap.event.addListener(geolocation, 'complete', onComplete)
} AMap.event.addListener(geolocation, 'error', onError)
}) self.locationInfo = mapObj
},
function onComplete(data) {
creatNetwork(result) { // data是具体的定位信息
let par = {} console.log('定位成功信息：', data)
this.lngLat = [result.position.lng, result.position.lat]; // let gpsPoint = GPS.gcj_encrypt(data.position.getLat(), data.position.getLng());
par = {latitude: result.position.lat, longitude: result.position.lng} // console.log(gpsPoint)
getNetworkInfo(par).then(res => { self.creatNetwork(data)
if (res.data.code === 'SUCCESS') { }
this.machines = res.data.data;
this.createSign(); function onError(data) { //非安全域禁止定位（localhost不限制） 改为https即可
} // 定位出错
}) console.log('定位失败错误：', data)
}, }
createSign() { })
// 创建一个机器Icon },
let map = this.locationInfo;
var machinesIcon = new AMap.Icon({ creatNetwork(result) {
size: new AMap.Size(25, 50), let par = {}
image: machinesImg, this.lngLat = [result.position.lng, result.position.lat];
imageSize: new AMap.Size(25, 50), par = {latitude: result.position.lat, longitude: result.position.lng}
imageOffset: new AMap.Pixel(0, 0) getNetworkInfo(par).then(res => {
}); if (res.data.code === 'SUCCESS') {
// 创建一个机器Icon this.machines = res.data.data;
var personIcon = new AMap.Icon({ this.createSign();
size: new AMap.Size(40, 40), }
image: presonImg, })
imageSize: new AMap.Size(32, 32), },
imageOffset: new AMap.Pixel(0, 0) createSign() {
}); // 创建一个机器Icon
let markers = []; let map = this.locationInfo;
this.machines.forEach(x => { var machinesIcon = new AMap.Icon({
if (x.netType == 2) { size: new AMap.Size(25, 50),
let marker = new AMap.Marker({ image: machinesImg,
map: map, imageSize: new AMap.Size(25, 50),
icon: personIcon, imageOffset: new AMap.Pixel(0, 0)
position: [x.netLongitude, x.netLatitude] });
}); // 创建一个机器Icon
this.createInfoWindow(map, marker, x); var personIcon = new AMap.Icon({
markers.push(marker); size: new AMap.Size(40, 40),
} else { image: presonImg,
let marker = new AMap.Marker({ imageSize: new AMap.Size(32, 32),
map: map, imageOffset: new AMap.Pixel(0, 0)
icon: machinesIcon, });
position: [x.netLongitude, x.netLatitude] let markers = [];
}); this.machines.forEach(x => {
this.createInfoWindow(map, marker, x); if (x.netType == 2) {
markers.push(marker); let marker = new AMap.Marker({
} map: map,
}); icon: personIcon,
} position: [x.netLongitude, x.netLatitude]
, });
/*为标记绑定弹窗事件*/ this.createInfoWindow(map, marker, x);
createInfoWindow(map, marker, info) { markers.push(marker);
var infoWindow = new AMap.InfoWindow({ //创建信息窗体 } else {
isCustom: true, //使用自定义窗体 let marker = new AMap.Marker({
content: this.windowStyle(marker, info), //信息窗体的内容可以是任意html片段 map: map,
offset: new AMap.Pixel(16, -45) icon: machinesIcon,
}); position: [x.netLongitude, x.netLatitude]
var onMarkerClick = function (e) { });
infoWindow.open(map, e.target.getPosition());//打开信息窗体 this.createInfoWindow(map, marker, x);
//e.target就是被点击的Marker markers.push(marker);
} }
marker.on('click', onMarkerClick);//绑定click事件 });
} }
, ,
/*弹窗样式*/ /*为标记绑定弹窗事件*/
windowStyle(marker, info) { createInfoWindow(map, marker, info) {
let _that = this; var infoWindow = new AMap.InfoWindow({ //创建信息窗体
let content = document.createElement("div"); isCustom: true, //使用自定义窗体
content.className = "custom-info input-card content-window-card"; content: this.windowStyle(marker, info), //信息窗体的内容可以是任意html片段
let top = document.createElement("div"); offset: new AMap.Pixel(16, -45)
let titleD = document.createElement("div"); });
let closeX = document.createElement("img"); var onMarkerClick = function (e) {
top.className = "info-top"; infoWindow.open(map, e.target.getPosition());//打开信息窗体
titleD.innerHTML = info.netName; //e.target就是被点击的Marker
closeX.src = closeImg; }
closeX.onclick = this.closeInfoWindow; marker.on('click', onMarkerClick);//绑定click事件
top.appendChild(titleD); }
top.appendChild(closeX); ,
content.appendChild(top); /*弹窗样式*/
windowStyle(marker, info) {
// 定义中部内容 let _that = this;
let middle = document.createElement("div"); let content = document.createElement("div");
middle.className = "info-middle"; content.className = "custom-info input-card content-window-card";
middle.innerHTML = "管理员：" + info.netPerson + "</br>联系电话：" + info.netPhone + "</br>" + "地址：" + info.netAddress + "</br>"; let top = document.createElement("div");
let infoButton = document.createElement("input"); let titleD = document.createElement("div");
infoButton.type = "button"; let closeX = document.createElement("img");
infoButton.className = "text-button"; top.className = "info-top";
infoButton.value = "详情" titleD.innerHTML = info.netName;
infoButton.onclick = function () { closeX.src = closeImg;
_that.jumpInfo(info) closeX.onclick = this.closeInfoWindow;
}; top.appendChild(titleD);
// let navigationButton = document.createElement("input"); top.appendChild(closeX);
// navigationButton.type = "button"; content.appendChild(top);
// navigationButton.className = "text-button button-right";
// navigationButton.value = "导航" // 定义中部内容
// navigationButton.onclick = function () { let middle = document.createElement("div");
// _that.navigation(info) middle.className = "info-middle";
// }; middle.innerHTML = "管理员：" + info.netPerson + "</br>联系电话：" + info.netPhone + "</br>" + "地址：" + info.netAddress + "</br>";
middle.appendChild(infoButton); let infoButton = document.createElement("input");
// middle.appendChild(navigationButton); infoButton.type = "button";
content.appendChild(middle); infoButton.className = "text-button";
infoButton.value = "详情"
// 定义底部内容 infoButton.onclick = function () {
let bottom = document.createElement("div"); _that.jumpInfo(info)
bottom.className = "info-bottom"; };
bottom.style.position = 'relative'; // let navigationButton = document.createElement("input");
bottom.style.top = '0px'; // navigationButton.type = "button";
bottom.style.margin = '0 auto'; // navigationButton.className = "text-button button-right";
let sharp = document.createElement("img"); // navigationButton.value = "导航"
sharp.src = sharpImg; // navigationButton.onclick = function () {
bottom.appendChild(sharp); // _that.navigation(info)
content.appendChild(bottom); // };
return content; middle.appendChild(infoButton);
} // middle.appendChild(navigationButton);
, content.appendChild(middle);
/*关闭弹窗*/
closeInfoWindow() { // 定义底部内容
let map = this.locationInfo; let bottom = document.createElement("div");
map.clearInfoWindow(); bottom.className = "info-bottom";
} bottom.style.position = 'relative';
, bottom.style.top = '0px';
navigation(info) { bottom.style.margin = '0 auto';
/* if (this.lngLat.length > 0) { let sharp = document.createElement("img");
window.location.href = `https://uri.amap.com/navigation?from=${this.lngLat[0]},${this.lngLat[1]},我的位置&to=${info.netLongitude},${info.netLatitude},${info.netAddress}&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0` sharp.src = sharpImg;
} else {*/ bottom.appendChild(sharp);
window.location.href = `https://uri.amap.com/navigation?to=${info.netLongitude},${info.netLatitude},${info.netAddress}&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0` content.appendChild(bottom);
/* }*/ return content;
} }
, ,
jumpInfo(info) { /*关闭弹窗*/
info['nowLocal'] = this.lngLat closeInfoWindow() {
this.$router.push({path: `/siteDetails`, query: {info: JSON.stringify(info)}}); let map = this.locationInfo;
} map.clearInfoWindow();
, }
}, ,
} navigation(info) {
/* if (this.lngLat.length > 0) {
window.location.href = `https://uri.amap.com/navigation?from=${this.lngLat[0]},${this.lngLat[1]},我的位置&to=${info.netLongitude},${info.netLatitude},${info.netAddress}&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0`
} else {*/
window.location.href = `https://uri.amap.com/navigation?to=${info.netLongitude},${info.netLatitude},${info.netAddress}&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0`
/* }*/
}
,
jumpInfo(info) {
info['nowLocal'] = this.lngLat
this.$router.push({path: `/siteDetails`, query: {info: JSON.stringify(info)}});
}
,
},
}
</script> </script>
<style> <style>
.right_item { .right_item {
position: absolute; position: absolute;
z-index: 2; z-index: 2;
right: 15px; right: 15px;
top: 60% top: 60%
} }
.right_item .item .img { .right_item .item .img {
padding: 9px; padding: 9px;
width: 36px; width: 36px;
height: 36px; height: 36px;
margin: 0 auto; margin: 0 auto;
border-radius: 1.5rem; border-radius: 1.5rem;
background: white; background: white;
} }
.right_item .item { .right_item .item {
color: #00CA9D; color: #00CA9D;
margin-top: 20px; margin-top: 20px;
} }
.myMap { .myMap {
height: 100%; height: 100%;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
.containerMap { .containerMap {
width: 100%; width: 100%;
height: calc(100% - 40px); height: calc(100% - 40px);
margin: 0px; margin: 0px;
font-size: 13px; font-size: 13px;
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
.scanCode { .scanCode {
position: fixed; position: fixed;
z-index: 2; z-index: 2;
left: calc(50% - 155px); left: calc(50% - 155px);
bottom: 20px; bottom: 20px;
} }
.scanCode .mint-button { .scanCode .mint-button {
width: 311px; width: 311px;
height: 44px; height: 44px;
background: linear-gradient(242deg, #dff9b9 -27%, #1bd09f 85%); background: linear-gradient(242deg, #dff9b9 -27%, #1bd09f 85%);
border-radius: 22px; border-radius: 22px;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
} }
.content-window-card { .content-window-card {
position: relative; position: relative;
box-shadow: none; box-shadow: none;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: auto; width: auto;
padding: 0; padding: 0;
} }
.content-window-card p { .content-window-card p {
height: 2rem; height: 2rem;
} }
.custom-info { .custom-info {
border: solid 1px silver; border: solid 1px silver;
} }
div.info-top { div.info-top {
position: relative; position: relative;
background: none repeat scroll 0 0 #F9F9F9; background: none repeat scroll 0 0 #F9F9F9;
border-bottom: 1px solid #CCC; border-bottom: 1px solid #CCC;
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
} }
div.info-top div { div.info-top div {
display: inline-block; display: inline-block;
color: #333333; color: #333333;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
line-height: 31px; line-height: 31px;
padding: 0 10px; padding: 0 10px;
} }
div.info-top img { div.info-top img {
position: absolute; position: absolute;
top: 10px; top: 10px;
right: 10px; right: 10px;
transition-duration: 0.25s; transition-duration: 0.25s;
} }
div.info-top img:hover { div.info-top img:hover {
box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000;
} }
div.info-middle { div.info-middle {
padding: 5px; padding: 5px;
width: 196px; width: 196px;
height: 118px; height: 118px;
color: #ffffff; color: #ffffff;
line-height: 17px; line-height: 17px;
background: rgba(0, 0, 0, 0.7);; background: rgba(0, 0, 0, 0.7);;
border-radius: 2px; border-radius: 2px;
} }
.input-card { .input-card {
background-color: transparent !important; background-color: transparent !important;
} }
div.info-top div { div.info-top div {
color: #ffffff; color: #ffffff;
background: #000000; background: #000000;
margin-right: 20px; margin-right: 20px;
} }
div.info-top { div.info-top {
width: 196px; width: 196px;
background: #000000; background: #000000;
} }
div.info-bottom { div.info-bottom {
height: 0px; height: 0px;
width: 100%; width: 100%;
clear: both; clear: both;
text-align: center; text-align: center;
} }
div.info-bottom img { div.info-bottom img {
position: relative; position: relative;
z-index: 104; z-index: 104;
} }
span { span {
margin-left: 5px; margin-left: 5px;
font-size: 11px; font-size: 11px;
} }
.info-middle img { .info-middle img {
float: left; float: left;
margin-right: 6px; margin-right: 6px;
} }
/*弹窗内按钮样式预留*/ /*弹窗内按钮样式预留*/
.text-button { .text-button {
border: 0px; border: 0px;
height: 24px; height: 24px;
width: 60px; width: 60px;
margin-left: 20px; margin-left: 20px;
color: white; color: white;
background: #00CA9D; background: #00CA9D;
margin-top: 10px; margin-top: 10px;
opacity: 1; opacity: 1;
border-radius: 12px; border-radius: 12px;
} }
.button-right { .button-right {
margin-right: 20px; margin-right: 20px;
float: right; float: right;
} }
#container { #container {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
#panel { #panel {
position: fixed; position: fixed;
background-color: white; background-color: white;
max-height: 90%; max-height: 90%;
overflow-y: auto; overflow-y: auto;
top: 10px; top: 10px;
right: 10px; right: 10px;
width: 280px; width: 280px;
} }
#panel .amap-call { #panel .amap-call {
background-color: #009cf9; background-color: #009cf9;
border-top-left-radius: 4px; border-top-left-radius: 4px;
border-top-right-radius: 4px; border-top-right-radius: 4px;
} }
#panel .amap-lib-walking { #panel .amap-lib-walking {
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
overflow: hidden; overflow: hidden;
} }
.showMap { .showMap {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
div.info-top img { div.info-top img {
width: 15px; width: 15px;
} }
.myMap >>> .pg-navigation .nearby_top_goback { .myMap >>> .pg-navigation .nearby_top_goback {
margin-left: 10px; margin-left: 10px;
width: 0px !important; width: 0px !important;
height: 0px !important; height: 0px !important;
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment