0.1.136 • Published 3 years ago
mycom-vue3 v0.1.136
mycom-vue3
mycom-vue3主页
安装组件库
npm install mycom-vue3 --save
引入到vue3项目
import { createApp } from 'vue'
import App from './App.vue'
import {mc} from 'mycom-vue3'//引入组件库
import 'mycom-vue3/lib/mycom-vue3.css';//引入CSS样式文件
createApp(App).use(mc).mount('#app')
使用样例
直接在页面中使用组件,如下定义一个轮播图
mc-tab表示轮播图
mc-tab-page表示轮播图单页
可以定义属性height和width来定义轮播图大小
通过v-model来绑定轮播图当前的页号
<mc-tab v-model:value="test" height="200px" width="50%">
<mc-tab-page>1</mc-tab-page>
<mc-tab-page>2</mc-tab-page>
<mc-tab-page>4</mc-tab-page>
</mc-tab>
1.0317版本更新
引入方式变更为import {mc} from 'mycom-vue3'//引入组件库,
用来弥补之前的版本失误,深表抱歉
mc-title 用法更新
1005版本更新
视觉效果风格统一
@import '../../../scssvar.scss';
暂定视效为
无边框radius
黑色一致性背景色 background-color: black;
通用转换动画 transition: all 0.2s;
灰border border: 1px solid rgba(0, 0, 0, 0.2);
hover待选择背景色 灰 background-color: rgba(80, 80, 80, 0.08); 白 background-color: rgba(255, 255, 255, 0.8);
color: rgba(0, 0, 0, 0.8);
矩形,黑白主体
0.1.136
3 years ago
0.1.135
3 years ago
0.1.132
3 years ago
0.1.131
3 years ago
0.1.134
3 years ago
0.1.133
3 years ago
0.1.129
3 years ago
0.1.128
4 years ago
0.1.127
4 years ago
0.1.126
4 years ago
0.1.125
4 years ago
0.1.124
4 years ago
0.1.123
4 years ago
0.1.122
4 years ago
0.1.121
4 years ago
0.1.120
4 years ago
0.1.112
4 years ago
0.1.111
4 years ago
0.1.11
4 years ago
0.1.1
4 years ago
0.1.0
4 years ago