wangyifang
/
tongan-points-h5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2022.6.29

Browse Source
main
xy 2 years ago
parent d2a3fced78
commit a7a8e7c106
2 changed files with 22 additions and 11 deletions
Show Stats Download Patch File Download Diff File

18
App.vue
Unescape View File

@ -18,7 +18,7 @@
this.$u.vuex('vuex_user', res)
let url = location.href.split('#')[0]
let url = 'https://vr.langye.net/h5hssnx'
this.$u.api.share({
url
}).then(res => {
@ -32,26 +32,26 @@
})
jwx.ready(() => {
jwx.updateAppMessageShareData({
title: '我是党史记录人-红色少年行 未成年人研学', // 分享标题
desc: '我是党史记录人-红色少年行 未成年人研学',
title: '我是党史记录人——红色少年行 未成年人研学', // 分享标题
desc: '我是党史记录人——红色少年行 未成年人研学',
link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: 'https://vr.langye.net/res/share-dangshi-img.jpg', // 分享图标
});
jwx.updateTimelineShareData({
title: '我是党史记录人-红色少年行 未成年人研学', // 分享标题
desc: '我是党史记录人-红色少年行 未成年人研学',
title: '我是党史记录人——红色少年行 未成年人研学', // 分享标题
desc: '我是党史记录人——红色少年行 未成年人研学',
link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: 'https://vr.langye.net/res/share-dangshi-img.jpg', // 分享图标
});
jwx.onMenuShareAppMessage({
title: '我是党史记录人-红色少年行 未成年人研学', // 分享标题
desc: '我是党史记录人-红色少年行 未成年人研学',
title: '我是党史记录人——红色少年行 未成年人研学', // 分享标题
desc: '我是党史记录人——红色少年行 未成年人研学',
link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: 'https://vr.langye.net/res/share-dangshi-img.jpg', // 分享图标
});
jwx.onMenuShareTimeline({
title: '我是党史记录人-红色少年行 未成年人研学', // 分享标题
desc: '我是党史记录人-红色少年行 未成年人研学',
title: '我是党史记录人——红色少年行 未成年人研学', // 分享标题
desc: '我是党史记录人——红色少年行 未成年人研学',
link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: 'https://vr.langye.net/res/share-dangshi-img.jpg', // 分享图标
});

15
pages/map/map.vue
Unescape View File

@ -14,7 +14,6 @@
:key="index"
:style="{ 'transform': `translate(calc(${area.w * item.x / 100}px - 50%),calc(${area.h * item.y / 100}px - 50%))` }"
@click="$u.throttle(() => toDetail(item))">
<u-image v-if="item.has_answer > 0" class="pointer__flag" :width="43" :height="50" :src="require('@/static/flag.png')"></u-image>
<div class="pointer__horn" :class="{ 'pointer__horn--active': item.has_answer > 0 }" :style="{ 'transform': `translate(-3rpx, calc(-50% - 4rpx)) rotate(${item.d}deg)` }"></div>
<div class="box" :style="{ 'transform': transformBox(item.d) }">
@ -23,6 +22,8 @@
</div>
<div class="box__text" :class="{ 'box__text--active': item.has_answer > 0 }" :style="{ 'transform': (item.d > 100 || item.d < -100) ? 'translate(calc(-50% + 58rpx), 136rpx)' : '' }">{{ item.name }}</div>
</div>
<u-image v-if="item.has_answer > 0" class="pointer__flag" :style="{'transform': flagTranslate(item.d, item.name.length)}" :width="43" :height="50" :src="require('@/static/flag.png')"></u-image>
</div>
</div>
</div>
@ -190,6 +191,16 @@ export default {
return 'translate(0, 0)'
}
}
},
flagTranslate () {
return function (deg, length) {
if (deg > -60 && deg < 60) {
return `translate(calc(${Math.floor(Math.sin(Math.PI / 180 * deg) * 152)}rpx),calc(-${Math.floor(Math.cos(Math.PI / 180 * deg) * 152)}rpx - 50% - ${Math.ceil(length / 8) * 22}rpx - 10rpx))`
}else {
return 'translate(0%, -34rpx)'
}
}
}
},
mounted () {
@ -252,7 +263,7 @@ export default {
&__flag {
transform: translate(0%, -34rpx);
//transform: translate(0%, -34rpx);
position: absolute;
top: 0;
left: 0;

Write Preview
Loading…
Cancel
Save