38 lines
1.3 KiB
Vue
38 lines
1.3 KiB
Vue
|
<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>
|