离子含量/H1>
内容组件提供了一个易于使用的内容区域,并采用一些有用的方法来控制可滚动区域。单个视图中只能有一个内容。//p>
内容以及许多其他离子组件可以自定义以使用在betway东盟体育app
CSS公用事业/a>
或通过使用CSS和可用的
CSS自定义属性/a>
。/p>
固定内容/a>
为了将元素放在可滚动区域外,
插槽=“固定”/code>
可以添加到元素中。这将绝对将其放置在左上角。为了将元素放在不同的位置,请使用
顶,右,底部和左/a>
。/p>
用法/a>
<//span>
离子含量/span>
[scrollevents]/span>
=//span>
“/span>
真的
“/span>
(ionscrollstart)/span>
=//span>
“/span>
logScrollstart()
“/span>
(离子滚动)/span>
=//span>
“/span>
logscrolling($ event)
“/span>
(ionscrollend)/span>
=//span>
“/span>
logsCrollend()
“/span>
>//span>
<//span>
H1/span>
>//span>
主要内容
//span>
H1/span>
>//span>
<//span>
div/span>
投币口/span>
=//span>
“/span>
固定的
“/span>
>//span>
<//span>
H1/span>
>//span>
固定内容
//span>
H1/span>
>//span>
//span>
div/span>
>//span>
//span>
离子含量/span>
>//span>
<//span>
离子含量/span>
>//span>
<//span>
H1/span>
>//span>
主要内容
//span>
H1/span>
>//span>
<//span>
div/span>
投币口/span>
=//span>
“/span>
固定的
“/span>
>//span>
<//span>
H1/span>
>//span>
固定内容
//span>
H1/span>
>//span>
//span>
div/span>
>//span>
//span>
离子含量/span>
>//span>
var/span>
内容
=//span>
文档
。/span>
Queryselector/span>
((/span>
“离子符合”/span>
)/span>
;/span>
内容
。/span>
sclolevents
=//span>
真的/span>
;/span>
内容
。/span>
AddEventListener/span>
((/span>
'ionscrollstart'/span>
,,,,/span>
((/span>
)/span>
=>/span>
安慰
。/span>
日志/span>
((/span>
“滚动开始”/span>
)/span>
)/span>
;/span>
内容
。/span>
AddEventListener/span>
((/span>
'离子滚动'/span>
,,,,/span>
((/span>
ev/span>
)/span>
=>/span>
安慰
。/span>
日志/span>
((/span>
'滚动'/span>
,,,,/span>
ev
。/span>
细节
)/span>
)/span>
;/span>
内容
。/span>
AddEventListener/span>
((/span>
'离子crollend'/span>
,,,,/span>
((/span>
)/span>
=>/span>
安慰
。/span>
日志/span>
((/span>
“滚动结束”/span>
)/span>
)/span>
;/span>
进口/span>
反应
从/span>
“反应”/span>
;/span>
进口/span>
{//span>
离子体
}//span>
从/span>
'@betway东盟体育appionic/react'/span>
;/span>
const/span>
ContentExample
:/span>
反应
。/span>
FC/span>
=//span>
((/span>
)/span>
=>/span>
((/span>
<//span>
离子体/span>
sclolevents/span>
=//span>
{//span>
真的/span>
}//span>
OnionsCrollstart/span>
=//span>
{//span>
((/span>
)/span>
=>/span>
{//span>
}//span>
}//span>
洋葱旋转/span>
=//span>
{//span>
((/span>
)/span>
=>/span>
{//span>
}//span>
}//span>
洋葱克罗伦德/span>
=//span>
{//span>
((/span>
)/span>
=>/span>
{//span>
}//span>
}//span>
>//span>
<//span>
H1/span>
>//span>
主要内容/span>
//span>
H1/span>
>//span>
<//span>
div/span>
投币口/span>
=//span>
“/span>
固定的
“/span>
>//span>
<//span>
H1/span>
>//span>
固定内容/span>
//span>
H1/span>
>//span>
//span>
div/span>
>//span>
//span>
离子体/span>
>//span>
)/span>
;/span>
进口/span>
{//span>
零件
,,,,/span>
H
}//span>
从/span>
'@模具/核心'/span>
;/span>
@
零件/span>
((/span>
{//span>
标签
:/span>
“ content-example'/span>
,,,,/span>
Styleurl
:/span>
'content-example.css'/span>
}//span>
)/span>
出口/span>
班级/span>
ContentExample/span>
{//span>
logScrollstart/span>
((/span>
)/span>
{//span>
安慰/span>
。/span>
日志/span>
((/span>
“滚动开始”/span>
)/span>
;/span>
}//span>
logscrolling/span>
((/span>
ev/span>
)/span>
{//span>
安慰/span>
。/span>
日志/span>
((/span>
“滚动”/span>
,,,,/span>
ev
)/span>
;/span>
}//span>
logScrollend/span>
((/span>
)/span>
{//span>
安慰/span>
。/span>
日志/span>
((/span>
“滚动结束”/span>
)/span>
;/span>
}//span>
使成为/span>
((/span>
)/span>
{//span>
返回/span>
[[//span>
<//span>
离子含量/span>
sclolevents/span>
=//span>
{//span>
真的/span>
}//span>
OnionsCrollstart/span>
=//span>
{//span>
((/span>
)/span>
=>/span>
这个/span>
。/span>
logScrollstart/span>
((/span>
)/span>
}//span>
洋葱旋转/span>
=//span>
{//span>
((/span>
ev/span>
)/span>
=>/span>
这个/span>
。/span>
logscrolling/span>
((/span>
ev
)/span>
}//span>
洋葱克罗伦德/span>
=//span>
{//span>
((/span>
)/span>
=>/span>
这个/span>
。/span>
logScrollend/span>
((/span>
)/span>
}//span>
>//span>
<//span>
H1/span>
>//span>
主要内容/span>
//span>
H1/span>
>//span>
<//span>
div/span>
投币口/span>
=//span>
“/span>
固定的
“/span>
>//span>
<//span>
H1/span>
>//span>
固定内容/span>
//span>
H1/span>
>//span>
//span>
div/span>
>//span>
//span>
离子含量/span>
>//span>
这是给予的//span>
;/span>
}//span>
}//span>
<//span>
模板/span>
>//span>
<//span>
离子含量/span>
:滚动事件/span>
=//span>
“/span>
真的
“/span>
@ionscrollstart/span>
=//span>
“/span>
logScrollstart()
“/span>
@ionscroll/span>
=//span>
“/span>
logscrolling($ event)
“/span>
@ionscrollend/span>
=//span>
“/span>
logsCrollend()
“/span>
>//span>
<//span>
H1/span>
>//span>
主要内容
//span>
H1/span>
>//span>
<//span>
div/span>
投币口/span>
=//span>
“/span>
固定的
“/span>
>//span>
<//span>
H1/span>
>//span>
固定内容
//span>
H1/span>
>//span>
//span>
div/span>
>//span>
//span>
离子含量/span>
>//span>
//span>
模板/span>
>//span>
<//span>
脚本/span>
>//span>
进口/span>
{//span>
离子体
}//span>
从/span>
'@betway东盟体育appionic/vue'/span>
;/span>
进口/span>
{//span>
截然成分
}//span>
从/span>
'vue'/span>
;/span>
出口/span>
默认/span>
截然成分/span>
((/span>
{//span>
成分
:/span>
{//span>
离子体
}//span>
}//span>
)/span>
;/span>
//span>
脚本/span>
>//span>
特性/a>
颜色/H3>
描述/th>
从应用程序的调色板中使用的颜色。默认选项是:“基本的”/code>,,,,“次要”/code>,,,,“第三”/code>,,,,“成功”/code>,,,,“警告”/code>,,,,“危险”/code>,,,,“光”/code>,,,,“中等的”/code>, 和“黑暗的”/code>。有关颜色的更多信息,请参阅
主题/a>
。/p>
属性/th>
颜色/code>
类型/th>
字符串|不明确的//code>
vorveroverscroll/H3>
描述/th>
如果真的/code>并且内容不会引起溢出滚动,滚动交互将导致反弹。如果内容超过了离子体的边界,则不会改变。请注意,不会禁用iOS上的系统弹跳。那是一个操作系统设置。//p>
属性/th>
力量滚动/code>
类型/th>
布尔|不明确的//code>
全屏/H3>
描述/th>
如果真的/code>,内容将滚动在标题和页脚后面。通过将工具栏设置为透明,可以很容易地看到这种效果。//p>
属性/th>
全屏/code>
类型/th>
布尔/code>
默认/th>
错误的/code>
sclolevents/H3>
描述/th>
由于性能原因,默认情况下禁用电离事件,以启用它们并开始从(ionscroll)侦听,将此属性设置为真的/code>。/p>
属性/th>
滚动事件/code>
类型/th>
布尔/code>
默认/th>
错误的/code>
scrollx/H3>
描述/th>
如果要在x轴中启用内容滚动的内容,请将此属性设置为真的/code>。/p>
属性/th>
卷轴X/code>
类型/th>
布尔/code>
默认/th>
错误的/code>
scrolly/H3>
描述/th>
如果要禁用Y轴中的内容滚动,请将此属性设置为错误的/code>。/p>
属性/th>
滚动/code>
类型/th>
布尔/code>
默认/th>
真的/code>
事件/a>
姓名/th>
描述/th>
离子滚动/code>
滚动时发出。默认情况下该事件被禁用。看属性:`scrollevents'//td>
离子Crollend/code>
滚动结束后发出。/td>
离子Crollstart/code>
滚动开始时发出。/td>
方法/a>
crolllement/H3>
描述/th>
获取实际滚动发生的元素。该元素可用于订阅滚动/code>事件或手动修改卷轴/code>。但是,建议使用由离子含量/code>:/p>
即使用离子滚动/code>,,,,离子Crollstart/code>,,,,离子Crollend/code>用于滚动事件和scrolltopoint()/code>将内容滚动到某个点。/p>
签名/th>
getCrollelemt()=> Promise /code>
卷轴点/H3>
描述/th>
滚动在组件中指定的X/y距离。/p>
签名/th>
scrollbypoint(x:number,y:数字,持续时间:数字)=> Promise /code>
卷轴/H3>
描述/th>
滚动到组件的底部。/p>
签名/th>
scrolltobottom(持续时间?:编号)=> Promise /code>
卷轴点/H3>
描述/th>
滚动到组件中指定的X/Y位置。/p>
签名/th>
scrolltopoint(x:number | undefined | null,y:number | undefined | null,持续时间?:number)=> Promise /code>
滚动到顶部/H3>
描述/th>
滚动到组件的顶部。/p>
签名/th>
scrolltotop(持续时间?:编号)=> Promise /code>
CSS阴影零件/a>
姓名/th>
描述/th>
背景/code>
内容的背景。/td>
滚动/code>
内容的可滚动容器。/td>
CSS自定义属性/a>
姓名/th>
描述/th>
- 背景/code>
内容的背景/td>
- 颜色/code>
内容的颜色/td>
- 钥匙板扣/code>
内容的键盘偏移/td>
- 底部/code>
偏移内容的底部/td>
- offset-top/code>
偏移内容的顶部/td>
- 底线/code>
内容的底部填充/td>
- 绑定末端/code>
右填充如果方向是从左到右的,如果方向是内容的右边,则左填充/td>
- 绑架开始/code>
左填充如果方向是从左到右的,如果方向是内容的右边,则右填充/td>
- 盖帽/code>
内容的顶部填充/td>
老虎机/a>
姓名/th>
描述/th>
如果没有插槽,则将内容放在可滚动区域中。/td>
“固定的”/code>
应用于不应滚动的固定内容。/td>
内容组件提供了一个易于使用的内容区域,并采用一些有用的方法来控制可滚动区域。单个视图中只能有一个内容。//p>
内容以及许多其他离子组件可以自定义以使用在betway东盟体育app
固定内容/a>
为了将元素放在可滚动区域外,
插槽=“固定”/code>
可以添加到元素中。这将绝对将其放置在左上角。为了将元素放在不同的位置,请使用
顶,右,底部和左/a>
。/p>
用法/a>
<//span>
离子含量/span>
[scrollevents]/span>
=//span>
“/span>
真的
“/span>
(ionscrollstart)/span>
=//span>
“/span>
logScrollstart()
“/span>
(离子滚动)/span>
=//span>
“/span>
logscrolling($ event)
“/span>
(ionscrollend)/span>
=//span>
“/span>
logsCrollend()
“/span>
>//span>
<//span>
H1/span>
>//span>
主要内容
//span>
H1/span>
>//span>
<//span>
div/span>
投币口/span>
=//span>
“/span>
固定的
“/span>
>//span>
<//span>
H1/span>
>//span>
固定内容
//span>
H1/span>
>//span>
//span>
div/span>
>//span>
//span>
离子含量/span>
>//span>
<//span>
离子含量/span>
>//span>
<//span>
H1/span>
>//span>
主要内容
//span>
H1/span>
>//span>
<//span>
div/span>
投币口/span>
=//span>
“/span>
固定的
“/span>
>//span>
<//span>
H1/span>
>//span>
固定内容
//span>
H1/span>
>//span>
//span>
div/span>
>//span>
//span>
离子含量/span>
>//span>
var/span>
内容
=//span>
文档
。/span>
Queryselector/span>
((/span>
“离子符合”/span>
)/span>
;/span>
内容
。/span>
sclolevents
=//span>
真的/span>
;/span>
内容
。/span>
AddEventListener/span>
((/span>
'ionscrollstart'/span>
,,,,/span>
((/span>
)/span>
=>/span>
安慰
。/span>
日志/span>
((/span>
“滚动开始”/span>
)/span>
)/span>
;/span>
内容
。/span>
AddEventListener/span>
((/span>
'离子滚动'/span>
,,,,/span>
((/span>
ev/span>
)/span>
=>/span>
安慰
。/span>
日志/span>
((/span>
'滚动'/span>
,,,,/span>
ev
。/span>
细节
)/span>
)/span>
;/span>
内容
。/span>
AddEventListener/span>
((/span>
'离子crollend'/span>
,,,,/span>
((/span>
)/span>
=>/span>
安慰
。/span>
日志/span>
((/span>
“滚动结束”/span>
)/span>
)/span>
;/span>
进口/span>
反应
从/span>
“反应”/span>
;/span>
进口/span>
{//span>
离子体
}//span>
从/span>
'@betway东盟体育appionic/react'/span>
;/span>
const/span>
ContentExample
:/span>
反应
。/span>
FC/span>
=//span>
((/span>
)/span>
=>/span>
((/span>
<//span>
离子体/span>
sclolevents/span>
=//span>
{//span>
真的/span>
}//span>
OnionsCrollstart/span>
=//span>
{//span>
((/span>
)/span>
=>/span>
{//span>
}//span>
}//span>
洋葱旋转/span>
=//span>
{//span>
((/span>
)/span>
=>/span>
{//span>
}//span>
}//span>
洋葱克罗伦德/span>
=//span>
{//span>
((/span>
)/span>
=>/span>
{//span>
}//span>
}//span>
>//span>
<//span>
H1/span>
>//span>
主要内容/span>
//span>
H1/span>
>//span>
<//span>
div/span>
投币口/span>
=//span>
“/span>
固定的
“/span>
>//span>
<//span>
H1/span>
>//span>
固定内容/span>
//span>
H1/span>
>//span>
//span>
div/span>
>//span>
//span>
离子体/span>
>//span>
)/span>
;/span>
进口/span>
{//span>
零件
,,,,/span>
H
}//span>
从/span>
'@模具/核心'/span>
;/span>
@
零件/span>
((/span>
{//span>
标签
:/span>
“ content-example'/span>
,,,,/span>
Styleurl
:/span>
'content-example.css'/span>
}//span>
)/span>
出口/span>
班级/span>
ContentExample/span>
{//span>
logScrollstart/span>
((/span>
)/span>
{//span>
安慰/span>
。/span>
日志/span>
((/span>
“滚动开始”/span>
)/span>
;/span>
}//span>
logscrolling/span>
((/span>
ev/span>
)/span>
{//span>
安慰/span>
。/span>
日志/span>
((/span>
“滚动”/span>
,,,,/span>
ev
)/span>
;/span>
}//span>
logScrollend/span>
((/span>
)/span>
{//span>
安慰/span>
。/span>
日志/span>
((/span>
“滚动结束”/span>
)/span>
;/span>
}//span>
使成为/span>
((/span>
)/span>
{//span>
返回/span>
[[//span>
<//span>
离子含量/span>
sclolevents/span>
=//span>
{//span>
真的/span>
}//span>
OnionsCrollstart/span>
=//span>
{//span>
((/span>
)/span>
=>/span>
这个/span>
。/span>
logScrollstart/span>
((/span>
)/span>
}//span>
洋葱旋转/span>
=//span>
{//span>
((/span>
ev/span>
)/span>
=>/span>
这个/span>
。/span>
logscrolling/span>
((/span>
ev
)/span>
}//span>
洋葱克罗伦德/span>
=//span>
{//span>
((/span>
)/span>
=>/span>
这个/span>
。/span>
logScrollend/span>
((/span>
)/span>
}//span>
>//span>
<//span>
H1/span>
>//span>
主要内容/span>
//span>
H1/span>
>//span>
<//span>
div/span>
投币口/span>
=//span>
“/span>
固定的
“/span>
>//span>
<//span>
H1/span>
>//span>
固定内容/span>
//span>
H1/span>
>//span>
//span>
div/span>
>//span>
//span>
离子含量/span>
>//span>
这是给予的//span>
;/span>
}//span>
}//span>
<//span>
模板/span>
>//span>
<//span>
离子含量/span>
:滚动事件/span>
=//span>
“/span>
真的
“/span>
@ionscrollstart/span>
=//span>
“/span>
logScrollstart()
“/span>
@ionscroll/span>
=//span>
“/span>
logscrolling($ event)
“/span>
@ionscrollend/span>
=//span>
“/span>
logsCrollend()
“/span>
>//span>
<//span>
H1/span>
>//span>
主要内容
//span>
H1/span>
>//span>
<//span>
div/span>
投币口/span>
=//span>
“/span>
固定的
“/span>
>//span>
<//span>
H1/span>
>//span>
固定内容
//span>
H1/span>
>//span>
//span>
div/span>
>//span>
//span>
离子含量/span>
>//span>
//span>
模板/span>
>//span>
<//span>
脚本/span>
>//span>
进口/span>
{//span>
离子体
}//span>
从/span>
'@betway东盟体育appionic/vue'/span>
;/span>
进口/span>
{//span>
截然成分
}//span>
从/span>
'vue'/span>
;/span>
出口/span>
默认/span>
截然成分/span>
((/span>
{//span>
成分
:/span>
{//span>
离子体
}//span>
}//span>
)/span>
;/span>
//span>
脚本/span>
>//span>
特性/a>
颜色/H3> |
|
---|---|
描述/th> |
从应用程序的调色板中使用的颜色。默认选项是: |
属性/th> |
颜色/code> |
类型/th> |
字符串|不明确的//code> |
vorveroverscroll/H3> |
|
描述/th> |
如果 |
属性/th> |
力量滚动/code> |
类型/th> |
布尔|不明确的//code> |
全屏/H3> |
|
描述/th> |
如果 |
属性/th> |
全屏/code> |
类型/th> |
布尔/code> |
默认/th> |
错误的/code> |
sclolevents/H3> |
|
描述/th> |
由于性能原因,默认情况下禁用电离事件,以启用它们并开始从(ionscroll)侦听,将此属性设置为 |
属性/th> |
滚动事件/code> |
类型/th> |
布尔/code> |
默认/th> |
错误的/code> |
scrollx/H3> |
|
描述/th> |
如果要在x轴中启用内容滚动的内容,请将此属性设置为 |
属性/th> |
卷轴X/code> |
类型/th> |
布尔/code> |
默认/th> |
错误的/code> |
scrolly/H3> |
|
描述/th> |
如果要禁用Y轴中的内容滚动,请将此属性设置为 |
属性/th> |
滚动/code> |
类型/th> |
布尔/code> |
默认/th> |
真的/code> |
事件/a>
姓名/th> | 描述/th> |
---|---|
离子滚动/code> |
滚动时发出。默认情况下该事件被禁用。看属性:`scrollevents'//td> |
离子Crollend/code> |
滚动结束后发出。/td> |
离子Crollstart/code> |
滚动开始时发出。/td> |
方法/a>
crolllement/H3> |
|
---|---|
描述/th> |
获取实际滚动发生的元素。该元素可用于订阅 即使用 |
签名/th> |
getCrollelemt()=> Promise |
卷轴点/H3> |
|
描述/th> |
滚动在组件中指定的X/y距离。/p> |
签名/th> |
scrollbypoint(x:number,y:数字,持续时间:数字)=> Promise |
卷轴/H3> |
|
描述/th> |
滚动到组件的底部。/p> |
签名/th> |
scrolltobottom(持续时间?:编号)=> Promise |
卷轴点/H3> |
|
描述/th> |
滚动到组件中指定的X/Y位置。/p> |
签名/th> |
scrolltopoint(x:number | undefined | null,y:number | undefined | null,持续时间?:number)=> Promise |
滚动到顶部/H3> |
|
描述/th> |
滚动到组件的顶部。/p> |
签名/th> |
scrolltotop(持续时间?:编号)=> Promise |
CSS阴影零件/a>
姓名/th> | 描述/th> |
---|---|
背景/code> |
内容的背景。/td> |
滚动/code> |
内容的可滚动容器。/td> |
CSS自定义属性/a>
姓名/th> | 描述/th> |
---|---|
- 背景/code> |
内容的背景/td> |
- 颜色/code> |
内容的颜色/td> |
- 钥匙板扣/code> |
内容的键盘偏移/td> |
- 底部/code> |
偏移内容的底部/td> |
- offset-top/code> |
偏移内容的顶部/td> |
- 底线/code> |
内容的底部填充/td> |
- 绑定末端/code> |
右填充如果方向是从左到右的,如果方向是内容的右边,则左填充/td> |
- 绑架开始/code> |
左填充如果方向是从左到右的,如果方向是内容的右边,则右填充/td> |
- 盖帽/code> |
内容的顶部填充/td> |
老虎机/a>
姓名/th> | 描述/th> |
---|---|
如果没有插槽,则将内容放在可滚动区域中。/td> | |
“固定的”/code> |
应用于不应滚动的固定内容。/td> |