104 lines
3.2 KiB
Plaintext
104 lines
3.2 KiB
Plaintext
<template>
|
|
<view class="uni-container">
|
|
<page-head :title="title"></page-head>
|
|
<view class="uni-panel" v-for="(item, index) in list" :key="index">
|
|
<view class="uni-panel-h" :class="item.open == true ? 'uni-panel-h-on' : ''" @click="goDetailPage(item)"
|
|
hover-class="uni-navigate-item-active">
|
|
<text class="uni-panel-text">{{item.name}}</text>
|
|
<image :src="arrowRightIcon" class="uni-icon"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script lang="ts">
|
|
import {
|
|
checkHasIntegration
|
|
} from "@/uni_modules/uts-tencentgeolocation";
|
|
|
|
import {
|
|
checkHasLottieIntegration
|
|
} from "@/uni_modules/uts-animation-view";
|
|
|
|
type ListItem = {
|
|
name : string,
|
|
open ?: boolean,
|
|
function ?: string,
|
|
url ?: string
|
|
}
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
title: 'SDK集成示例',
|
|
|
|
list: [{
|
|
name: "腾讯定位sdk集成示例",
|
|
function: "gotoTencentLocation",
|
|
},
|
|
{
|
|
name: "Toast示例",
|
|
url: "SDKIntegration/Toast/Toast"
|
|
},
|
|
{
|
|
name: "Lottie动画示例",
|
|
function: "gotoLottie"
|
|
}
|
|
] as ListItem[],
|
|
arrowRightIcon: '/static/icons/arrow-right.png',
|
|
}
|
|
},
|
|
methods: {
|
|
goDetailPage(e : ListItem) {
|
|
if (e.function != null) {
|
|
const funName = e.function
|
|
switch (funName) {
|
|
case 'gotoTencentLocation':
|
|
this.gotoTencentLocation()
|
|
break
|
|
case 'gotoLottie':
|
|
this.gotoLottie()
|
|
break
|
|
}
|
|
return
|
|
}
|
|
uni.navigateTo({
|
|
url: `/pages/${e.url!}`
|
|
})
|
|
},
|
|
gotoLottie: function () {
|
|
if (checkHasLottieIntegration()) {
|
|
uni.navigateTo({
|
|
url: '/pages/SDKIntegration/Lottie/index'
|
|
})
|
|
} else {
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: '需要在自定义基座中运行'
|
|
})
|
|
}
|
|
},
|
|
gotoTencentLocation: function () {
|
|
let ret = checkHasIntegration();
|
|
if (!ret) {
|
|
uni.showToast({
|
|
icon: 'none',
|
|
title: '需要在自定义基座中运行'
|
|
})
|
|
} else {
|
|
uni.navigateTo({
|
|
url: '/pages/SDKIntegration/TencentLocation/TencentLocation'
|
|
})
|
|
}
|
|
},
|
|
gotoTencentMap: function () {
|
|
uni.navigateTo({
|
|
url: '/pages/SDKIntegration/TencentMap/TencentMap'
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
@import '@/common/uni-uvue.css';
|
|
</style> |