molong/coloruicss
1
0
Fork 0
mirror of https://github.com/weilanwl/coloruicss.git synced 2026-03-11 10:04:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

2.1.1

Browse Source
This commit is contained in:
Weilanwl
2019-03-27 00:56:15 +08:00
parent 5742a427fe
commit 2ab09927bc
48 changed files with 1629 additions and 481 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Colorui-UniApp/pages/basics/avatar.vue
View File

@@ -1,6 +1,6 @@
<template>
<view>
<custom>头像</custom>
<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">头像</block></cu-custom>
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-title text-blue"></text>头像形状

4
Colorui-UniApp/pages/basics/background.vue
View File

@@ -1,6 +1,6 @@
<template>
<view>
<custom>背景</custom>
<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">背景</block></cu-custom>
<view class="cu-bar bg-white solid-bottom">
<view class="action">
<text class='icon-title text-blue'></text>深色背景
@@ -85,7 +85,7 @@
</view>
</view>
</view>
<!-- #ifdef MP-WEIXIN -->
<!-- #ifdef MP -->
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>视频背景

13
Colorui-UniApp/pages/basics/button.vue
View File

@@ -1,16 +1,15 @@
<template>
<view>
<custom>按钮
<block slot="right">
<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">按钮</block></cu-custom>
<view class="cu-bar bg-white solid-bottom">
<view class="action">
<text class="icon-title text-blue"></text>按钮形状
</view>
<view class="action">
<navigator class="action" url="design" hover-class="none">
<text class="icon-skinfill"></text>
<text class="text-df">设计</text>
</navigator>
</block>
</custom>
<view class="cu-bar bg-white solid-bottom">
<view class="action">
<text class="icon-title text-blue"></text>按钮形状
</view>
</view>
<view class="padding flex flex-wrap justify-between align-center bg-white">

2
Colorui-UniApp/pages/basics/design.vue
View File

@@ -1,6 +1,6 @@
<template>
<view>
<custom> 按钮 / 设计</custom>
<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content"> 按钮 / 设计</block></cu-custom>
<view class="padding-xl">
<view class="box bg-white text-center radius">
<button class="cu-btn" :class="[border?bordersize?'lines-' + color:'line-' + color:'bg-'+ color,round?'round':'',size,shadow?'shadow':'']">我是一个按钮</button>

26
Colorui-UniApp/pages/basics/home.vue
View File

@@ -1,14 +1,18 @@
<template>
<view>
<image src="https://cdn.nlark.com/yuque/0/2019/png/280374/1552996358228-assets/web-upload/e256b4ce-d9a4-488b-8da2-032747213982.png" mode="widthFix" class="response"></image>
<view class="nav-list">
<navigator hover-class="none" :url="'/pages/basics/' + item.name" class="nav-li" navigateTo :class="'bg-'+item.color"
: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="'icon-' + item.icon"></text>
</navigator>
</view>
<scroll-view scroll-y class="page">
<image src="https://cdn.nlark.com/yuque/0/2019/png/280374/1552996358228-assets/web-upload/e256b4ce-d9a4-488b-8da2-032747213982.png"
mode="widthFix" class="response"></image>
<view class="nav-list">
<navigator hover-class="none" :url="'/pages/basics/' + item.name" class="nav-li" navigateTo :class="'bg-'+item.color"
: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="'icon-' + item.icon"></text>
</navigator>
</view>
<view class="cu-tabbar-height"></view>
</scroll-view>
</view>
</template>
@@ -83,5 +87,7 @@
</script>
<style>
.page {
height: 100vh;
}
</style>

2
Colorui-UniApp/pages/basics/icon.vue
View File

@@ -1,6 +1,6 @@
<template>
<view>
<custom>图标</custom>
<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">图标</block></cu-custom>
<view class="cu-bar bg-white search fixed" :style="[{top:CustomBar + 'px'}]">
<view class="search-form round">
<text class="icon-search"></text>

2
Colorui-UniApp/pages/basics/layout.vue
View File

@@ -1,6 +1,6 @@
<template>
<view>
<custom>布局</custom>
<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">布局</block></cu-custom>
<scroll-view scroll-x class="bg-white nav text-center fixed" :style="[{top:CustomBar + 'px'}]">
<view class="cu-item" :class="index==TabCur?'text-blue cur':''" v-for="(item,index) in tabNav" :key="index" @tap="tabSelect"
:data-id="index">

4
Colorui-UniApp/pages/basics/loading.vue
View File

@@ -1,12 +1,12 @@
<template>
<view>
<custom>加载
<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>
</block>
</custom>
</cu-custom>
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-title text-blue"></text>背景

2
Colorui-UniApp/pages/basics/progress.vue
View File

@@ -1,6 +1,6 @@
<template>
<view>
<custom>进度条</custom>
<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">进度条</block></cu-custom>
<view class="cu-bar bg-white solid-bottom">
<view class="action">
<text class="icon-title text-blue"></text>进度条形状

2
Colorui-UniApp/pages/basics/shadow.vue
View File

@@ -1,6 +1,6 @@
<template>
<view>
<custom>边框阴影</custom>
<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">边框阴影</block></cu-custom>
<view class="cu-bar bg-white solid-bottom">
<view class="action">
<text class="icon-title text-blue"></text>边框

2
Colorui-UniApp/pages/basics/tag.vue
View File

@@ -1,6 +1,6 @@
<template>
<view>
<custom>标签</custom>
<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">标签</block></cu-custom>
<view class="cu-bar bg-white solid-bottom">
<view class='action'>
<text class='icon-title text-blue'></text>标签形状

2
Colorui-UniApp/pages/basics/text.vue
View File

@@ -1,6 +1,6 @@
<template>
<view>
<custom>文本</custom>
<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">文本</block></cu-custom>
<view class="cu-bar bg-white solid-bottom">
<view class='action'>
<text class='icon-title text-blue'></text>文字大小