This commit is contained in:
weilanwl
2019-05-31 11:15:28 +08:00
parent 540f775c18
commit ae85fc5b01
70 changed files with 349 additions and 611 deletions

0
Colorui-UniApp/pages/basics/avatar.vue Normal file → Executable file
View File

0
Colorui-UniApp/pages/basics/background.vue Normal file → Executable file
View File

4
Colorui-UniApp/pages/basics/button.vue Normal file → Executable file
View 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
View File

25
Colorui-UniApp/pages/basics/home.vue Normal file → Executable file
View 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
View 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
View File

2
Colorui-UniApp/pages/basics/loading.vue Normal file → Executable file
View 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
View File

0
Colorui-UniApp/pages/basics/shadow.vue Normal file → Executable file
View File

0
Colorui-UniApp/pages/basics/tag.vue Normal file → Executable file
View File

0
Colorui-UniApp/pages/basics/text.vue Normal file → Executable file
View File