更新记录
1.0.2(2022-04-01)
下载此版本
属性名修改
1.0.1(2022-03-31)
下载此版本
bug修复
1.0.0(2022-03-31)
下载此版本
首版
查看更多
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
× |
√ |
√ |
√ |
√ |
× |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
× |
× |
× |
- |
- |
- |
× |
- |
× |
× |
其他
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时,点击单元格时的回调函数 |
- |
作者
