Files
FirstUI-vue/pages/component/nav/link/link.vue
2023-08-17 21:28:49 +08:00

48 lines
1.6 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司手机号1 8614 07 2 54 9身份证尾号5A07X5专用请尊重知识产权勿私下传播违者追究法律责任-->
<template>
<view class="fui-wrap">
<view class="fui-page__hd">
<view class="fui-page__title fui-align__center" @tap="vip">Link<image
src="/static/images/index/light/icon_member_3x.png"></image>
</view>
<view class="fui-page__desc">Link 超链接外部网页超链接组件在小程序内复制url在app内打开外部浏览器在h5端打开新网页</view>
</view>
<view class="fui-page__bd fui-page__spacing">
<view class="fui-section__title">基础使用</view>
<fui-link href="https://www.firstui.cn"></fui-link>
<view class="fui-section__title">改变颜色/点击效果</view>
<fui-link href="https://www.firstui.cn" color="#FFB703" highlight></fui-link>
<view class="fui-section__title">加下划线</view>
<fui-link href="https://www.firstui.cn" underline></fui-link>
<view class="fui-section__title">自定义显示文本</view>
<fui-link href="https://www.firstui.cn" text="FirstUI 组件库" underline></fui-link>
<view class="fui-section__title">调整字体大小/加粗</view>
<fui-link href="https://www.firstui.cn" size="32" font-weight="600"></fui-link>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
vip() {
this.fui.href("/pages/my/qa/qa?index=2&title=VIP专属内容")
}
}
}
</script>
<style>
page {
font-weight: normal;
}
.fui-wrap {
padding-bottom: 64rpx;
}
</style>