更新记录
1.0.0(2024-05-05) 下载此版本
初始化
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue | × | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
# First Extension For HBuilderX 开发文档参考:https://hx.dcloud.net.cn
本示例使用步骤:
<template>
<view>
<cell-table-zou :tableColumn="tableColumn" :persondata="persondata" tabletype :contentWidth="450"></cell-table-zou>
</view>
</template>
<script>
export default {
data() {
return {
tableColumn: [{
id: 'names',
name: '名字',
position_left: true
},
{
id: 'language',
name: '语文',
position_left: false
},
{
id: 'math',
name: '数学',
position_left: false
},
{
id: 'english',
name: '英语',
position_left: false
},
{
id: 'politics',
name: '政治',
position_left: false
},
{
id: 'biology',
name: '生物',
position_left: false
},
{
id: "operate",
name: '操作',
position_left: false,
data: [{
name: "编辑",
ShowHidden: true,
customstyle: {}
},
{
name: "详情",
ShowHidden: true,
customstyle: {}
}
]
}
],
//表格数据
persondata: [{
names: "宋江", //姓名
language: 55, //语文成绩
math: 66, //数学成绩
english: 95, //英语成绩
politics: 55, //政治 成绩
biology: 54, //生物 成绩
operate: "",
},
{
names: "关羽",
language: 55, //语文成绩
math: 66, //数学成绩
english: 65, //英语成绩
politics: 55, //政治 成绩
biology: 54, //生物 成绩
operate: "",
},
{
names: "张飞",
language: 55, //语文成绩
math: 66, //数学成绩
english: 65, //英语成绩
politics: 55, //政治 成绩
biology: 64, //生物 成绩
operate: "",
},
{
names: "刘备",
language: 55, //语文成绩
math: 66, //数学成绩
english: 65, //英语成绩
politics: 55, //政治 成绩
biology: 64, //生物 成绩
operate: "",
},
{
names: "刘备",
language: 55, //语文成绩
math: 66, //数学成绩
english: 65, //英语成绩
politics: 55, //政治 成绩
biology: 64, //生物 成绩
operate: "",
}, {
names: "刘备",
language: 55, //语文成绩
math: 66, //数学成绩
english: 65, //英语成绩
politics: 55, //政治 成绩
biology: 64, //生物 成绩
operate: "",
}
],
titleWidth: 200,
contentWidth: 250,
}
},
onLoad() {
},
methods: {
}
}
</script>
- 打开本示例工程,点击工具栏的运行按钮,或者按下快捷键
Ctrl+r
,会打开一个新HBuilderX窗体,新窗体将加载这个插件 - 在新窗体中打开一个文档,点右键,菜单底部会有一个新的菜单项
hello world
- 点击
hello world
,会弹出一个对话框 - 在
extension.js
中可以修改插件的代码逻辑,在package.json
中可以修改插件的配置 - 修改这些代码或配置后,目前不支持热修改。需要点击工具栏的运行按钮,或者按下快捷键
Ctrl+r
,停止运行,然后再次重新运行。一般推荐连续按Ctrl+r