graceNvueLink.vue 640 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <template>
  2. <text class="link" @tap="openUrlForApp(url)" :style="{color:color, lineHeight:lineHeight, fontSize:fontSize}">{{title}}</text>
  3. </template>
  4. <script>
  5. export default {
  6. props: {
  7. url:{
  8. type : String,
  9. default : ""
  10. },
  11. title : {
  12. type : String,
  13. default : ""
  14. },
  15. color:{
  16. type : String,
  17. default : "#3688FF"
  18. },
  19. fontSize : {
  20. type : String,
  21. default : "28rpx"
  22. },
  23. lineHeight : {
  24. type : String,
  25. default : "50rpx"
  26. }
  27. },
  28. methods:{
  29. openUrlForApp : function(url){
  30. plus.runtime.openURL(url);
  31. }
  32. }
  33. }
  34. </script>
  35. <style scoped>
  36. .link{color:#3688FF;}
  37. </style>