mip-link跳转链接组件详解 mip-link跳转链接怎么用
| 标题 | 内容 |
| 类型 | 通用 |
| 支持布局 | 不使用布局 |
| 所需脚本 |
https://mipcache.bdstatic.com/static/v1/mip-link/mip-link.js |
示例
<mip-link href="http://m.baidu.com">链接文字</mip-link>
属性
url
说明：目标网址
必选项：是
类型：字符串
取值范围：https?://.*, mailto:.*, tel:.*
title
说明：目标页面标题
必选项：否
类型：字符串
取值范围：任何
默认值：""
mip-lightbox 弹层怎么用,mip-lightbox 是由用户控制展现或关闭的一个全屏浮层组件，组件全屏覆盖，组件里的元素超出屏幕会被隐藏，不能滑动，下面请看详细的使用方法。| 标题 | 内容 |
| 类型 | 通用 |
| 支持布局 | N/S |
| 所需脚本 | https://mipcache.bdstatic.com/static/v1/mip-lightbox/mip-lightbox.js |
示例
<button on="tap:my-lightbox.open" id="btn-open" role="button" tabindex="0"> Open lightbox </button> <mip-lightbox id="my-lightbox" layout="nodisplay" class="mip-hidden"> <div class="lightbox"> <h1>Hello, World!</h1> <p> this is the lightbox</p> </div> </mip-lightbox> |
属性
id
说明：组件ID
必选项：是
类型：字符串
layout
说明：布局
必选项：是
类型：字符串
取值：nodisplay
注意事项
mip-lightbox 默认是隐藏的，作为打开开关的 dom 节点 需设置 on 属性，且 on 属性的属性值为 "tap:组件ID.open"。
作为关闭 lightbox 的 dom 节点需要设置 on 属性，且 on 属性值为"tap:组件ID.close"。
同时作为打开关闭 lightbox 的 dom 节点需要设置 on 属性，且 on 属性值为"tap:组件ID.toggle"。
mip-lightbox 需要一个 div 子节点，这个 div 的 calss 必须有 lightbox。
mip-html-os操作系统组件怎么使用呢？mip-html-os 用来支持页面内容元素区分OS显示，详细的使用方法请看下文介绍。
| 标题 | 内容 |
| 类型 | 通用 |
| 支持布局 | responsive,fixed-height,fill,container,fixed 文档 |
| 所需脚本 | https://mipcache.bdstatic.com/static/v1/mip-html-os/mip-html-os.js |
示例
<mip-html-os os="android" class="mip-html-os"><p>This Is Android</p></mip-html-os>
<mip-html-os os="ios" class="mip-html-os"><p>This Is Ios</p></mip-html-os>
属性
os
说明：选择操作系统
必选项：是
类型：字符串
取值范围：android, ios
mip-gototop 提供了一个用来支持网页快速回顶按钮，用来支持网页快速回顶功能，下面请看详细的使用方法。
| 标题 | 内容 |
| 类型 | 通用 |
| 支持布局 | N/S |
| 所需脚本 | https://mipcache.bdstatic.com/static/v1/mip-gototop/mip-gototop.js |
示例
基本使用
|
<mip-fixed type="gototop"> <mip-gototop></mip-gototop> </mip-fixed> |
设置阈值
|
<mip-fixed type="gototop"> <mip-gototop threshold='300'></mip-gototop> </mip-fixed> |
属性
threshold
说明：显示按钮时页面已经滚动的高度
必选项: 否
取值范围：数值
单位：无
默认值：200
相关文章
- 在很多网站用户先访问一个要登录的页面，但当时没有登录后来登录了，等待用户登录成功之后肯定希望返回到上次访问的页面，下面我就来给大家介绍登录后跳转回原来要访问的页...2016-11-25
- 这篇文章主要介绍了Vue组件跨层级获取组件操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-28
- 今天我们来给大家介绍下在Vue开发中我们经常会碰到的一种需求场景，本文主要介绍了Vue动态查询规则生成组件，需要的朋友们下面随着小编来一起学习学习吧...2021-05-27
- 这篇文章主要介绍了Vue 组件复用多次自定义参数操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-07-27
- 这篇文章主要介绍了Vue 过渡（动画）transition组件案例详解，非常不错，具有参考借鉴价值，需要的朋友参考下...2017-01-26
- 本文实例讲述了jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果。分享给大家供大家参考，具体如下：这里演示jQuery实现鼠标移动到链接上，滑动展开/隐藏图片效果，鼠标放在“上一页”“下一页”上，立即浮现出所对应的图...2015-10-30
- 这篇文章主要介绍了js组件SlotMachine实现图片切换效果制作抽奖系统的相关资料,需要的朋友可以参考下...2016-04-19
- 这篇文章主要介绍了vue中如何使用element的日历组件，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-09-30
- 这篇文章主要介绍了Vue多选列表组件深入详解，这个是vue的基本组件，有需要的同学可以研究下...2021-03-03
- 这篇文章主要介绍了微信小程序 页面跳转传递值几种方法详解的相关资料,需要的朋友可以参考下...2017-01-16
- 这篇文章主要介绍了java后台实现js关闭本页面,父页面指定跳转或刷新操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-11-16
- 在网页中，经常见到进度条效果，那么这些个性的进度条组件效果是怎么实现的呢，下面脚本之家小编给大家分享Bootstrap进度条组件知识详解，感兴趣的朋友要求学习吧...2016-05-04
- 这篇文章主要介绍了Vue父子组件传值的一些坑，帮助大家更好的理解和使用vue父子组件，感兴趣的朋友可以了解下...2020-09-16
使用Angular CDK实现一个Service弹出Toast组件功能
本文主要写用cdk实现一个简单的Toast组件，使用的是cdk中的overlay模块，需要手动安装环境，具体安装方法及相关实现代码跟随小编一起看看吧...2021-07-28- 这篇文章主要为大家详细介绍了vue递归实现自定义tree组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-08-20
- 这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29
- 这篇文章主要介绍了Nginx根据不同浏览器语言配置页面跳转的方法,包括一个简体繁体的基本判断方法及实际根据中英文跳转的例子,需要的朋友可以参考下...2016-05-22
- 这篇文章主要为大家详细介绍了Bootstarp创建可折叠组件的对应方法，以实例为大家分享了Bootstrap折叠组件，感兴趣的小伙伴们可以参考一下...2016-02-26
IE6中链接A的href为javascript协议时不在当前页面跳转
切页面时有时用链接A来替代按钮，这样做有几个好处 鼠标放上时默认有手状效果（不用添加cursor:pointer） 可以添加低版本IE都支持的伪类 如果点击时页面要整体刷新，即跳转，这时IE6则不尽人意，如下 复制代码 代码如下: <p>...2014-06-07Vue-Element-Admin集成自己的接口实现登录跳转
关于这个Vue-element-admin中的流程可能对于新的同学不是很友好，所以本文将结合实例代码，介绍Vue-Element-Admin集成自己的接口实现登录跳转，感兴趣的小伙伴们可以参考一下...2021-06-23