更新记录
1.0.2(2022-04-01)
下载此版本
属性名修改
1.0.1(2022-03-31)
下载此版本
bug修复
1.0.0(2022-03-31)
下载此版本
首版
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
bluestar-Cell
单元格
引入
在script标签中引入组件
//使用HBuilderX导入插件
import AreaSelection from "@/uni_modules/bluestar-Cell/components/bluestar-Cell/bluestar-Cell.vue"
//使用npm install
import AreaSelection from "bluestar-cell/components/bluestar-cell/bluestar-cell.vue"
代码演示
<
<template>
<Cell label="姓名" rihgt-icon value="蕾姆"></Cell>
<Cell label="页面跳转页面跳转" left-icon="icon-shoucang" rihgt-icon link-type="reLaunch" url="/pages/index/index"></Cell>
<Cell label="自定义事件" rihgt-icon @call-back="callBack"></Cell>
<Cell :border="false" label="姓名" value="蕾姆"></Cell>
<Cell :border="false" label="姓名" value="拉姆"></Cell>
<Cell :border="false" label="姓名" value="爱射"></Cell>
</template>
<script lang="ts" setup>
import utils from "@/common/ts/utils"
const callBack = () => {
utils.toast('我是自定义事件')
}
</script>
<style lang="scss" scoped></style>
API
Props
参数 |
说明 |
类型 |
默认值/参考值 |
label |
单元格左侧文字内容 |
string |
- |
value |
单元格右侧文字内容 |
string |
- |
left-icon |
单元格左侧图标className |
string |
- |
right-icon |
是否显示操作导引图标 |
boolean |
false |
border |
是否显示下边框 |
boolean |
true |
link-type |
页面跳转类型,可选值为 redirectTo switchTab reLaunch |
string |
navigateTo |
url |
页面跳转地址 |
string |
- |
Events
事件名称 |
说明 |
回调参数 |
bing:call-back |
当不存在url时,点击单元格时的回调函数 |
- |
作者