mirror of
https://github.com/weilanwl/coloruicss.git
synced 2026-03-10 00:54:00 +08:00
v2.1.6
This commit is contained in:
0
Colorui-UniApp/pages/basics/avatar.vue
Normal file → Executable file
0
Colorui-UniApp/pages/basics/avatar.vue
Normal file → Executable file
0
Colorui-UniApp/pages/basics/background.vue
Normal file → Executable file
0
Colorui-UniApp/pages/basics/background.vue
Normal file → Executable file
4
Colorui-UniApp/pages/basics/button.vue
Normal file → Executable file
4
Colorui-UniApp/pages/basics/button.vue
Normal file → Executable file
@@ -15,7 +15,7 @@
|
||||
<view class="padding flex flex-wrap justify-between align-center bg-white">
|
||||
<button class="cu-btn">默认</button>
|
||||
<button class="cu-btn round">圆角</button>
|
||||
<button class="cu-btn icon">
|
||||
<button class="cu-btn cuIcon">
|
||||
<text class="cuIcon-emojifill"></text>
|
||||
</button>
|
||||
</view>
|
||||
@@ -92,7 +92,7 @@
|
||||
<button class="cu-btn block line-orange lg">
|
||||
<text class="cuIcon-upload"></text> 图标</button>
|
||||
<button class="cu-btn block bg-blue margin-tb-sm lg">
|
||||
<text class="cuIcon-loading2 iconfont-spin"></text> 加载</button>
|
||||
<text class="cuIcon-loading2 cuIconfont-spin"></text> 加载</button>
|
||||
<button class="cu-btn block bg-black margin-tb-sm lg" loading> 原生加载</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
0
Colorui-UniApp/pages/basics/design.vue
Normal file → Executable file
0
Colorui-UniApp/pages/basics/design.vue
Normal file → Executable file
25
Colorui-UniApp/pages/basics/home.vue
Normal file → Executable file
25
Colorui-UniApp/pages/basics/home.vue
Normal file → Executable file
@@ -8,7 +8,7 @@
|
||||
:style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'}]" v-for="(item,index) in elements" :key="index">
|
||||
<view class="nav-title">{{item.title}}</view>
|
||||
<view class="nav-name">{{item.name}}</view>
|
||||
<text :class="'cuIcon-' + item.icon"></text>
|
||||
<text :class="'cuIcon-' + item.cuIcon"></text>
|
||||
</navigator>
|
||||
</view>
|
||||
<view class="cu-tabbar-height"></view>
|
||||
@@ -25,64 +25,67 @@
|
||||
title: '布局',
|
||||
name: 'layout',
|
||||
color: 'cyan',
|
||||
icon: 'newsfill'
|
||||
cuIcon: 'newsfill'
|
||||
},
|
||||
{
|
||||
title: '背景',
|
||||
name: 'background',
|
||||
color: 'blue',
|
||||
icon: 'colorlens'
|
||||
cuIcon: 'colorlens'
|
||||
},
|
||||
{
|
||||
title: '文本',
|
||||
name: 'text',
|
||||
color: 'purple',
|
||||
icon: 'font'
|
||||
cuIcon: 'font'
|
||||
},
|
||||
{
|
||||
title: '图标 ',
|
||||
name: 'icon',
|
||||
color: 'mauve',
|
||||
icon: 'icon'
|
||||
cuIcon: 'cuIcon'
|
||||
},
|
||||
{
|
||||
title: '按钮',
|
||||
name: 'button',
|
||||
color: 'pink',
|
||||
icon: 'btn'
|
||||
cuIcon: 'btn'
|
||||
},
|
||||
{
|
||||
title: '标签',
|
||||
name: 'tag',
|
||||
color: 'brown',
|
||||
icon: 'tagfill'
|
||||
cuIcon: 'tagfill'
|
||||
},
|
||||
{
|
||||
title: '头像',
|
||||
name: 'avatar',
|
||||
color: 'red',
|
||||
icon: 'myfill'
|
||||
cuIcon: 'myfill'
|
||||
},
|
||||
{
|
||||
title: '进度条',
|
||||
name: 'progress',
|
||||
color: 'orange',
|
||||
icon: 'icloading'
|
||||
cuIcon: 'icloading'
|
||||
},
|
||||
{
|
||||
title: '边框阴影',
|
||||
name: 'shadow',
|
||||
color: 'olive',
|
||||
icon: 'copy'
|
||||
cuIcon: 'copy'
|
||||
},
|
||||
{
|
||||
title: '加载',
|
||||
name: 'loading',
|
||||
color: 'green',
|
||||
icon: 'loading2'
|
||||
cuIcon: 'loading2'
|
||||
}
|
||||
],
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
console.log("success")
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
12
Colorui-UniApp/pages/basics/icon.vue
Normal file → Executable file
12
Colorui-UniApp/pages/basics/icon.vue
Normal file → Executable file
@@ -4,11 +4,11 @@
|
||||
<view class="cu-bar bg-white search fixed" :style="[{top:CustomBar + 'px'}]">
|
||||
<view class="search-form round">
|
||||
<text class="cuIcon-search"></text>
|
||||
<input type="text" placeholder="搜索icon" confirm-type="search" @input="searchIcon"></input>
|
||||
<input type="text" placeholder="搜索cuIcon" confirm-type="search" @input="searchIcon"></input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-list grid col-3">
|
||||
<view class="cu-item" v-for="(item,index) in icon" :key="index" v-if="item.isShow">
|
||||
<view class="cu-item" v-for="(item,index) in cuIcon" :key="index" v-if="item.isShow">
|
||||
<text class="lg text-gray" :class="'cuIcon-' + item.name"></text>
|
||||
<text>{{item.name}}</text>
|
||||
</view>
|
||||
@@ -21,7 +21,7 @@
|
||||
data() {
|
||||
return {
|
||||
CustomBar: this.CustomBar,
|
||||
icon: [{
|
||||
cuIcon: [{
|
||||
name: 'appreciate',
|
||||
isShow: true
|
||||
}, {
|
||||
@@ -901,7 +901,7 @@
|
||||
name: 'dianhua',
|
||||
isShow: true
|
||||
}, {
|
||||
name: 'icon',
|
||||
name: 'cuIcon',
|
||||
isShow: true
|
||||
}, {
|
||||
name: 'loading2',
|
||||
@@ -916,7 +916,7 @@
|
||||
methods: {
|
||||
searchIcon(e) {
|
||||
let key = e.detail.value.toLowerCase();
|
||||
let list = this.icon;
|
||||
let list = this.cuIcon;
|
||||
for (let i = 0; i < list.length; i++) {
|
||||
let a = key;
|
||||
let b = list[i].name.toLowerCase();
|
||||
@@ -926,7 +926,7 @@
|
||||
list[i].isShow = false
|
||||
}
|
||||
}
|
||||
this.icon = list
|
||||
this.cuIcon = list
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
0
Colorui-UniApp/pages/basics/layout.vue
Normal file → Executable file
0
Colorui-UniApp/pages/basics/layout.vue
Normal file → Executable file
2
Colorui-UniApp/pages/basics/loading.vue
Normal file → Executable file
2
Colorui-UniApp/pages/basics/loading.vue
Normal file → Executable file
@@ -3,7 +3,7 @@
|
||||
<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">加载</block>
|
||||
<block slot="right">
|
||||
<view class="action">
|
||||
<view class="cu-load load-icon" :class="!isLoad?'loading':'over'"></view>
|
||||
<view class="cu-load load-cuIcon" :class="!isLoad?'loading':'over'"></view>
|
||||
</view>
|
||||
</block>
|
||||
</cu-custom>
|
||||
|
||||
0
Colorui-UniApp/pages/basics/progress.vue
Normal file → Executable file
0
Colorui-UniApp/pages/basics/progress.vue
Normal file → Executable file
0
Colorui-UniApp/pages/basics/shadow.vue
Normal file → Executable file
0
Colorui-UniApp/pages/basics/shadow.vue
Normal file → Executable file
0
Colorui-UniApp/pages/basics/tag.vue
Normal file → Executable file
0
Colorui-UniApp/pages/basics/tag.vue
Normal file → Executable file
0
Colorui-UniApp/pages/basics/text.vue
Normal file → Executable file
0
Colorui-UniApp/pages/basics/text.vue
Normal file → Executable file
Reference in New Issue
Block a user