uView Link 超链接

简介: uView Link 超链接

该组件为超链接组件,在不同平台有不同表现形式:

  • 在APP平台会通过plus环境打开内置浏览器
  • 在小程序中把链接复制到粘贴板,同时提示信息
  • 在H5中通过window.open打开链接

#平台差异说明

App(vue) App(nvue) H5 小程序

#基本使用

  • 通过href设置打开的链接,text设置显示的内容
<template>
  <u-link href="https://uviewui.com/" text="打开uView UI文档" @click="click"></u-link>
</template>
<script>
  export default {
    methods: {
      click() {
        console.log('click');
      }
    }
  }
</script>

copy

#下划线

通过under-line设置是否显示链接的下划线

<template>
  <u-link href="https://uviewui.com/" text="打开uView UI文档" :under-line="true"></u-link>
</template>

copy

#自定义颜色

  • 通过color设置文字颜色
  • 通过line-color设置下划线颜色
<template>
  <u-link href="https://uviewui.com/" text="打开uView UI文档" color="#19be6b" line-color="#19be6b"></u-link>
</template>
相关文章
|
6月前
|
移动开发 JavaScript 小程序
uView Tabs 标签
uView Tabs 标签
182 0
|
3月前
|
前端开发
css仿el-tabs标签页效果
【8月更文挑战第9天】
36 2
|
4月前
|
JavaScript 区块链
vue 自定义网页图标 favicon.ico 和 网页标题
vue 自定义网页图标 favicon.ico 和 网页标题
264 1
|
5月前
技术经验分享:htmla标签href属性【跳转和锚点】
技术经验分享:htmla标签href属性【跳转和锚点】
40 0
|
JSON 数据格式
08zTree - 超链接显示
08zTree - 超链接显示
46 0
|
JavaScript 前端开发
前端——使用jQuery给a标签添加、修改href链接
前端——使用jQuery给a标签添加、修改href链接
|
JavaScript 前端开发
js面包屑导航
面包屑导航(Breadcrumb Navigation)是一种网站导航方式,它能够告诉用户当前所处的位置和路径,并提供回到上一级或其他相关页面的链接。在 JavaScript 中可以通过以下方法实现面包屑导航:
85 0
|
JavaScript 前端开发
js实现一个弹窗div
网上搜索了半天,奈何没一个满意的,最后还得亲自敲一下,哎~
245 0
js实现一个弹窗div
html:link-icon标签引入网站小图标favicon.ico
html:link-icon标签引入网站小图标favicon.ico
161 0