You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.0 KiB
51 lines
1.0 KiB
<template>
|
|
<!-- #ifdef APP-PLUS -->
|
|
<text class="link" :data-url="url" @tap="openUrlForApp"
|
|
:style="{color:color, lineHeight:lineHeight, fontSize:fontSize}">{{title}}</text>
|
|
<!-- #endif -->
|
|
<!-- #ifdef H5 -->
|
|
<a :href="url" class="link" target="_blank"
|
|
:style="{color:color, lineHeight:lineHeight, fontSize:fontSize}">{{title}}</a>
|
|
<!-- #endif -->
|
|
<!-- #ifdef MP -->
|
|
<text class="link" :style="{color:color, lineHeight:lineHeight, fontSize:fontSize}">{{url}}</text>
|
|
<!-- #endif -->
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name : "gui-link",
|
|
props : {
|
|
url:{
|
|
type : String,
|
|
default : ""
|
|
},
|
|
title : {
|
|
type : String,
|
|
default : ""
|
|
},
|
|
color:{
|
|
type : String,
|
|
default : "#008AFF"
|
|
},
|
|
fontSize : {
|
|
type : String,
|
|
default : "28rpx"
|
|
},
|
|
lineHeight : {
|
|
type : String,
|
|
default : "50rpx"
|
|
}
|
|
},
|
|
methods:{
|
|
openUrlForApp : function(e){
|
|
var link = e.currentTarget.dataset.url;
|
|
plus.runtime.openURL(link);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
/* #ifdef H5 */
|
|
.link{text-decoration:none;}
|
|
/* #endif */
|
|
</style>
|