# uniapp-lowcode

**Repository Path**: bingyeby/uniapp-lowcode

## Basic Information

- **Project Name**: uniapp-lowcode
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-20
- **Last Updated**: 2025-06-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# uniapp低代码平台(简易版)(vue3版)

项目基于hbuilder中新建项目-默认模板建立,代码结构简单,无过多配置(无vuex及pinia),便于移植复用。

`vue3` 版本，使用 `vite` 编译

组件为vk-uview-ui: [vk-uview-ui文档](https://vkuviewdoc.fsq.pub/components/icon.html)


## 复用步骤
1. 拷贝组件[uni_modules](uni_modules)

主要为vk-uview-ui与r-ui;almost-lottery(抽奖转盘)与qiun-data-charts(图表)可以按需引入;

- 修改main.js,注册组件
```js
import uView from './uni_modules/vk-uview-ui';

  app.use(uView);
```
- 在uni.scss中引入全局 scss 变量文件
```scss
@import "@/uni_modules/vk-uview-ui/theme.scss";
```


2. 拷贝[lowcode](pages%2Flowcode),并在pages.json中注册
```js
[
  {
    "path": "pages/lowcode/index",
    "style": {
      "navigationBarTitleText": "低代码首页",
      "navigationStyle": "custom"
    }
  },
  {
    "path": "pages/lowcode/design",
    "style": {
      "navigationBarTitleText": "低代码设计",
      "navigationStyle": "custom"
    }
  },
  {
    "path": "pages/lowcode/preview",
    "style": {
      "navigationBarTitleText": "低代码预览"
    }
  }
]
```

3. 修改或拷贝vite.config.js,并修改package.json安装相关npm包


## 其他代码记录
### 获取文件位置
```js
// vue-inspector-floats复制到粘贴板
let inspectorText = '';
// 双击
document.addEventListener('dblclick', function(event) {
  if(inspectorText){
    var textarea = document.createElement('textarea');
    textarea.value = inspectorText;
    document.body.appendChild(textarea);
    textarea.select();
    document.execCommand('copy');
    document.body.removeChild(textarea);
  }
});
setInterval(() => {
  var dom = document.querySelector('.vue-inspector-floats.vue-inspector-card.vue-inspector-animated div');
  if(dom){
    // 复制文本到剪贴板
    var text = dom.innerText;
    inspectorText = text.slice(-50)
    console.log(inspectorText)
  }else{
    // inspectorText = ''
  }
},1000)
```

### vite补充
```js
// import {createHtmlPlugin} from 'vite-plugin-html' // 识别控制台的vue-devtools
// import requirePlugin from 'vite-plugin-require';
// import commonjs from '@rollup/plugin-commonjs';

export default defineConfig({
  plugins: [
    // createHtmlPlugin({}),
    vueDevTools({
      launchEditor: 'webstorm' // 关键配置：指定默认编辑器
    }),
    // commonjs(),// 在 Rollup 构建过程中将 CommonJS 模块（require/module.exports）转换为 ES 模块（import/export），使 Rollup 能正确处理 Node.js 生态的依赖
    uni(),
    // requirePlugin(), // 在 Vite 项目中模拟 Webpack 的 require 语法，将 require() 动态转换为 import 语句，以兼容旧代码或某些依赖库的 CommonJS 模块导入方式
  ],
});
```