lion 2 years ago
parent 1323ab5897
commit 15b02e089b

@ -35,7 +35,7 @@
title: '阵地有声 理响通安', // title: '阵地有声 理响通安', //
link: link, // ,JS link: link, // ,JS
desc: '点击查看', desc: '点击查看',
imgUrl: 'https://vr.langye.net/storage/files/170951606765e52523351d8.jpg', // imgUrl: 'http://h5.ali251.langye.net/storage/files/170954466365e594d74895e.jpg', //
success: () => { success: () => {
console.log( console.log(
'updateAppMessageShareData-success' 'updateAppMessageShareData-success'
@ -47,7 +47,7 @@
title: '阵地有声 理响通安', // title: '阵地有声 理响通安', //
desc: '点击查看', desc: '点击查看',
link: link, // ,JS link: link, // ,JS
imgUrl: 'https://vr.langye.net/storage/files/170951606765e52523351d8.jpg', // imgUrl: 'http://h5.ali251.langye.net/storage/files/170954466365e594d74895e.jpg', //
success: () => { success: () => {
console.log( console.log(
'updateTimelineShareData-success' 'updateTimelineShareData-success'
@ -86,7 +86,7 @@
title: '阵地有声 理响通安', // title: '阵地有声 理响通安', //
desc: '点击查看', desc: '点击查看',
link: link, // ,JS link: link, // ,JS
imgUrl: 'https://vr.langye.net/storage/files/170951606765e52523351d8.jpg', // imgUrl: 'http://h5.ali251.langye.net/storage/files/170954466365e594d74895e.jpg', //
success: () => { success: () => {
console.log( console.log(
'updateAppMessageShareData-success' 'updateAppMessageShareData-success'
@ -98,7 +98,7 @@
title: '阵地有声 理响通安', // title: '阵地有声 理响通安', //
desc: '点击查看', desc: '点击查看',
link: link, // ,JS link: link, // ,JS
imgUrl: 'https://vr.langye.net/storage/files/170951606765e52523351d8.jpg', // imgUrl: 'http://h5.ali251.langye.net/storage/files/170954466365e594d74895e.jpg', //
success: () => { success: () => {
console.log( console.log(
'updateTimelineShareData-success' 'updateTimelineShareData-success'

@ -2,6 +2,7 @@
<view class="container"> <view class="container">
<image class="logo" :src="require('@/static/index-logo.png')"></image> <image class="logo" :src="require('@/static/index-logo.png')"></image>
<image class="logo1" :src="require('@/static/index-logo1.png')"></image> <image class="logo1" :src="require('@/static/index-logo1.png')"></image>
<image class="logo2" :src="require('@/static/index-logo2.png')"></image>
<view class="titlewrap"> <view class="titlewrap">
<image class="title" :src="require('@/static/index-title.png')"></image> <image class="title" :src="require('@/static/index-title.png')"></image>
<view class="title-progress"> <view class="title-progress">
@ -48,6 +49,7 @@
if(this.progressPercentage<100){ if(this.progressPercentage<100){
this.progressPercentage++; this.progressPercentage++;
}else{ }else{
// return
clearInterval(this.interval); clearInterval(this.interval);
if(userInfo && userInfo.mobile){ if(userInfo && userInfo.mobile){
uni.navigateTo({ uni.navigateTo({
@ -93,6 +95,13 @@
top: 45rpx; top: 45rpx;
left: 140rpx left: 140rpx
} }
.logo2 {
width: 189rpx;
height: 88rpx;
position: absolute;
top: 45rpx;
left: 250rpx
}
.titlewrap{ .titlewrap{
position: absolute; position: absolute;
top: 40%; top: 40%;

@ -1,11 +1,12 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<div class="map"> <div class="map">
<movable-area style="width:100vw;height:100vh" class="bg" scale-area> <image class="map-title" :src="require('@/static/map-title.png')"></image>
<movable-view :x="area.x" :style="{ 'height': '100vh', 'width': area.w +40+'px' }" :scale="true" <movable-area style="width:100vw;height:calc(100vh - 198rpx)" class="bg" scale-area>
<movable-view :x="area.x" :style="{ 'height': 'calc(100vh - 198rpx)', 'width': area.w +40+'px' }" :scale="true"
out-of-bounds direction="all"> out-of-bounds direction="all">
<view class="map-wrap" :style="{ 'height': '100vh', 'width': area.w+'px','margin':'0 auto' }"> <view class="map-wrap img100" :style="{ 'height': 'calc(100vh - 198rpx)', 'width': area.w+'px','margin':'0 auto' }">
<img style="height:100vh;display:block;margin:0 auto" mode="heightFix" ref="image" <img class="img100" style="height:calc(100vh - 198rpx);display:block;margin:0 auto" mode="heightFix" ref="image"
:src="require('@/static/map-map.png')" alt="" @load="load"> :src="require('@/static/map-map.png')" alt="" @load="load">
<view v-for="item in pointers"> <view v-for="item in pointers">
<view class="map-item" @click="toDetail(item)" :style="{'top':item.y+'%','left':item.x+'%'}" > <view class="map-item" @click="toDetail(item)" :style="{'top':item.y+'%','left':item.x+'%'}" >
@ -160,9 +161,17 @@
background-color: #e1f1f2; background-color: #e1f1f2;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
.img100{
height:calc(100vh - 198rpx)
}
.map { .map {
&-title{
width:661rpx;
height:158rpx;
margin:0 auto;
padding:20rpx 0;
display:block;
}
&-wrap { &-wrap {
position: relative; position: relative;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Loading…
Cancel
Save