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.

38 lines
1.3 KiB

12 months ago
<template>
<view class="container">
<uni-card is-full :is-shadow="false">
<text class="uni-h6">超链接组件在小程序内复制url在app内打开外部浏览器在h5端打开新网页</text>
</uni-card>
<uni-section title="基本示例" subTitle="打开外部连接" type="line" padding>
<uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/"></uni-link>
</uni-section>
<uni-section title="自定义颜色" type="line" padding>
<uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/" color="#007BFF"></uni-link>
</uni-section>
<uni-section title="自定义下划线" type="line" padding>
<uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/" showUnderLine="false">
</uni-link>
</uni-section>
<uni-section title="自定义字体大小" type="line" padding>
<uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/" showUnderLine="false"
font-size="20"></uni-link>
</uni-section>
<uni-section title="自定义插槽" type="line" padding>
<uni-link href="https://uniapp.dcloud.io/" text="https://uniapp.dcloud.io/" showUnderLine="false"
color="red">点击跳转</uni-link>
</uni-section>
</view>
</template>
<script>
export default {
components: {},
data() {
return {};
}
};
</script>
<style lang="scss">
</style>