uni-app 之 页面跳转

uni-app 之 页面跳转

    <navigator url="/pages/home/home" hover-class="navigator-hover">
        <button >跳转到新页面</button>
    </navigator>

---

---

uni-link是一个外部网页超链接组件

        <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>