simplicity-ui v1.0.8

simplicity-ui

这是一个简洁的 UI组件库 你可以在需要的时候随时使用它

安装

npm install simplicity-ui -S

使用

在 main.js 中加入

import SimplicityUI from 'simplicity-ui';
import 'simplicity-ui/dist/simplicity-ui.css';
Vue.use(SimplicityUI);

示例

<s-button>Button</s-button>
<s-button type="default">default Button</s-button>
<s-button type="primary">primary Button</s-button>
<s-button type="success">success Button</s-button>
<s-button type="warning">warning Button</s-button>
<s-button type="error">error Button</s-button>

2023年8月6日18:00:16 输入框

新增普通输入框和可清空输入框

<s-input />
<s-input clear />

2023年8月7日10:38:55 输入框样式以及简单的select雏形

修改了输入框样式，输入框 clear 至今不协调，select 暂时为雏形

2023年8月8日00:37:38 新增了圆角按钮 | select暂时为雏形，遇到一些难点

我想把自己的不足都对大家展示出来，组件库可能对我来说事项对困难的一项挑战

如果有大佬熟悉组件库 select > option 设计，可以随时联系我！ email: qwe1943478251@163.com

<s-button round>Click me</s-button>
<s-button type='default' round>默认按钮</s-button>
<s-button type='primary' round>主要按钮</s-button>
<s-button type='success' round>成功按钮</s-button>
<s-button type='warning' round>警告按钮</s-button>
<s-button type='error' round>危险按钮</s-button>

注意：select功能暂时为雏形不可使用，对我来说遇到一些难点要攻克，我并不太想看别的组件库源码

<s-select placeholder="text">
  <s-option>context</s-option>
</s-select>