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>
相关文章
|
Kubernetes Ubuntu 安全
Linux|科普扫盲帖|配置网络软件源---阿里云镜像仓库服务使用(centos,Ubuntu)
Linux|科普扫盲帖|配置网络软件源---阿里云镜像仓库服务使用(centos,Ubuntu)
3923 0
|
JavaScript 前端开发
怎样在vue中隐藏el-form-item中的值、设置输入框的值是只读
这篇文章介绍了在Vue框架中使用Element UI组件库时,如何通过v-if指令和v-model绑定来控制`el-form-item`的显示与隐藏,以及如何通过设置`readonly`属性让输入框变为只读状态。
怎样在vue中隐藏el-form-item中的值、设置输入框的值是只读
|
移动开发 监控 供应链
JAVA智慧工厂制造生产管理MES系统,全套源码,多端展示(app、小程序、H5、台后管理端)
一开始接触MES系统,很多人会和博主一样,对MES细节的应用不了解,这样很正常,因为MES系统相对于其他系统来讲应用比较多!
412 1
JAVA智慧工厂制造生产管理MES系统,全套源码,多端展示(app、小程序、H5、台后管理端)
|
存储 小程序 前端开发
如何设计小程序的站内信功能
如何设计小程序的站内信功能
638 0
|
移动开发 小程序 API
uniapp组件库Card 卡片 的使用方法
uniapp组件库Card 卡片 的使用方法
637 1
|
Android开发
Android获取蓝牙设备列表的方法
Android获取蓝牙设备列表的方法
801 5
|
Java 关系型数据库 MySQL
【mybatis-plus】自定义多数据源,动态切换数据源事务失效问题
【mybatis-plus】自定义多数据源,动态切换数据源事务失效问题
【mybatis-plus】自定义多数据源,动态切换数据源事务失效问题
|
Android开发
android studio找不到aar问题解决
android studio找不到aar问题解决
625 0