小程序最好用的组件库ColorUI,强烈推荐使用,复制黏贴一级棒

在开发uniapp的时候,最佳的ui框架就是ColorUI,ColorUI是一个Css类的UI组件库!不是一个Js框架。相比于同类小程序组件库,ColorUI更注重于视觉交互!

颜值很高,注重颜值的程序员,可以选择考虑一下哦。

github地址:https://github.com/weilanwl/ColorUI

在色彩设计上,都是非常的好看,非常的丰富的。

今天在做小程序 的时候,由于自己的页面需求的卡片,列表,以及ui色彩搭配都和这个框架里面所提供的组件都高度契合,之前做app开发的时候也一直在用这个框架,比较熟悉,于是还是选择了这筐。

小程序的框架组件是非常的多的,之前有总结过一些,可以参考以下传送门:

小程序开源框架汇总,你知道几个?
https://www.jianshu.com/p/82562e152aec?tdsourcetag=s_pcqq_aiomsg

但是在选择框架的时候,一定要根据自己在实际项目开发中的需求,来进行选型。

1:克隆或者下载

2:将colorui复制在自己的文件的根目录底下

3:打开小程序的app.wxss,引入组件

@import "colorui/main.wxss";
@import "colorui/icon.wxss";

 

4:这个时候,就可以使用(复制ColorUI组件里面的界面)
了,比如说,我要使用一个card的卡功能 的时候。

我就会进入到文件代码里面,找到这个组件,一件复制,放在自己的项目里面。

5:复制完成之后,来看一下自己的界面效果,这就是我想要的卡片了,然后修改一下图片和文字,就可以了。

哇塞,ε=ε=ε~太给力了,特别适合我这种不想写代码的开发了,好用~

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是使用QT编写QTableWidget选择某片区域右键复制黏贴的程序的示例代码: 首先,在窗口中添加一个QTableWidget控件,并将其命名为tableWidget。 然后在窗口类的构造函数中添加以下代码: ```cpp connect(tableWidget, &QTableWidget::customContextMenuRequested, this, &MainWindow::showContextMenu); //连接右键菜单信号和槽函数 ``` 接下来在窗口类中添加一个槽函数showContextMenu(),用于显示右键菜单: ```cpp void MainWindow::showContextMenu(const QPoint &pos) { QMenu *menu = new QMenu(this); QAction *copyAction = new QAction(tr("Copy"), this); QAction *pasteAction = new QAction(tr("Paste"), this); connect(copyAction, &QAction::triggered, this, &MainWindow::copy); connect(pasteAction, &QAction::triggered, this, &MainWindow::paste); menu->addAction(copyAction); menu->addAction(pasteAction); menu->popup(tableWidget->viewport()->mapToGlobal(pos)); //在鼠标右键位置显示菜单 } ``` 在showContextMenu()函数中,我们创建了一个QMenu对象,并添加了两个QAction对象copyAction和pasteAction。然后我们连接这两个QAction对象的triggered信号到两个槽函数copy()和paste()。最后我们将菜单在鼠标右键位置显示出来。 最后在MainWindow类中添加copy()和paste()两个槽函数,用于处理复制黏贴操作: ```cpp void MainWindow::copy() { QList<QTableWidgetItem*> items = tableWidget->selectedItems(); QString text; for (int i = 0; i < items.count(); i++) { QTableWidgetItem *item = items.at(i); text += item->text(); if (i % tableWidget->columnCount() == tableWidget->columnCount() - 1) text += "\n"; else text += "\t"; } QApplication::clipboard()->setText(text); } void MainWindow::paste() { QString text = QApplication::clipboard()->text(); QStringList rows = text.split("\n"); int row = tableWidget->currentRow(); int column = tableWidget->currentColumn(); for (int i = 0; i < rows.count() && row + i < tableWidget->rowCount(); i++) { QStringList columns = rows.at(i).split("\t"); for (int j = 0; j < columns.count() && column + j < tableWidget->columnCount(); j++) { QTableWidgetItem *item = new QTableWidgetItem(columns.at(j)); tableWidget->setItem(row + i, column + j, item); } } } ``` 在copy()函数中,我们首先获取QTableWidget中被选中的项,然后将这些项的文本按照表格的行列顺序拼接起来,并使用QApplication::clipboard()函数将文本设置到剪贴板中。 在paste()函数中,我们首先获取剪贴板中的文本,然后将文本按照行列分隔开来,并依次将每个单元格的文本设置到QTableWidget中。如果文本中的行列数超过了当前选中单元格的行列数,则从当前选中单元格开始填充。 最后,记得在MainWindow类中添加以下头文件: ```cpp #include <QMenu> #include <QClipboard> #include <QApplication> ``` 这样就完成了QTableWidget选择某片区域右键复制黏贴的程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值