molong/coloruicss
1
0
Fork 0
mirror of https://github.com/weilanwl/coloruicss.git synced 2026-06-06 21:54:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

v2.1.3

Browse Source
This commit is contained in:
Weilanwl
2019-04-01 23:03:08 +08:00
parent 5429b98a38
commit 8fd0906450
31 changed files with 115010 additions and 290 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Colorui-UniApp/pages/basics/background.vue
+4 -5
View File
@@ -23,7 +23,7 @@
</view>
</view>
<view class="grid col-3 bg-white padding-sm">
<view class="padding-sm" v-for="(item,index) in ColorList" :key="index" v:if="index<12">
<view class="padding-sm" v-for="(item,index) in ColorList" :key="index" v-if="index<12">
<view class="padding radius text-center light" :class="'bg-' + item.name">
<view class="text-lg">{{item.title}}</view>
<view class="margin-top-sm text-Abc">{{item.name}}</view>
@@ -88,8 +88,7 @@
</view>
</view>
</view>
<!-- #ifdef MP -->
<view class="cu-bar bg-white margin-top">
<!-- <view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>视频背景
</view>
@@ -105,8 +104,8 @@
我必须连同希望一起毁坏……
</cover-view>
</cover-view>
</view>
<!-- #endif -->
</view> -->
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>透明背景(文字层)
Colorui-UniApp/pages/basics/button.vue
+2 -2
View File
@@ -35,7 +35,7 @@
</view>
<view class="action">
<text class="text-df margin-right-sm">阴影</text>
<switch @change="SetShadow" :class="shadow?'checked':''"></switch>
<switch @change="SetShadow" :class="shadow?'checked':''" color="#39B54A"></switch>
</view>
</view>
<view class="grid col-5 padding-sm">
@@ -93,7 +93,7 @@
<text class="icon-upload"></text> 图标</button>
<button class="cu-btn block bg-blue margin-tb-sm lg">
<text class="icon-loading2 iconfont-spin"></text> 加载</button>
<button class="cu-btn block bg-black margin-tb-sm lg" loading> 微信加载</button>
<button class="cu-btn block bg-black margin-tb-sm lg" loading> 原生加载</button>
</view>
</view>
</template>
Colorui-UniApp/pages/basics/home.vue
+1 -1
View File
@@ -1,4 +1,4 @@
<template>
<template name="basics">
<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"
Colorui-UniApp/pages/component/form.vue
+25 -10
View File
@@ -1,6 +1,9 @@
<template>
<view>
<cu-custom bgColor="bg-gradual-pink" :isBack="true"><block slot="backText">返回</block><block slot="content">表单</block></cu-custom>
<cu-custom bgColor="bg-gradual-pink" :isBack="true">
<block slot="backText">返回</block>
<block slot="content">表单</block>
</cu-custom>
<form>
<view class="cu-form-group margin-top">
<view class="title">邮件</view>
@@ -44,6 +47,7 @@
</view>
</picker>
</view>
<!-- #ifndef MP-ALIPAY -->
<view class="cu-form-group">
<view class="title">多列选择</view>
<picker mode="multiSelector" @change="MultiChange" @columnchange="MultiColumnChange" :value="multiIndex" :range="multiArray">
@@ -52,6 +56,7 @@
</view>
</picker>
</view>
<!-- #endif -->
<view class="cu-form-group">
<view class="title">时间选择</view>
<picker mode="time" :value="time" start="09:01" end="21:01" @change="TimeChange">
@@ -68,7 +73,7 @@
</view>
</picker>
</view>
<!-- #ifndef H5 || APP-PLUS -->
<!-- #ifndef H5 || APP-PLUS || MP-ALIPAY -->
<view class="cu-form-group">
<view class="title">地址选择</view>
<picker mode="region" @change="RegionChange" :value="region">
@@ -84,21 +89,30 @@
</view>
<view class="cu-form-group">
<view class="title">定义颜色</view>
<!-- #ifdef MP-ALIPAY -->
<switch class='red' @change="SwitchB" :class="switchB?'checked':''" :checked="switchB?true:false" color="#e54d42"></switch>
<!-- #endif -->
<!-- #ifndef MP-ALIPAY -->
<switch class='red' @change="SwitchB" :class="switchB?'checked':''" :checked="switchB?true:false"></switch>
<!-- #endif -->
</view>
<view class="cu-form-group">
<view class="title">定义图标</view>
<switch class='switch-sex' @change="SwitchC" :class="switchC?'checked':''" :checked="switchC?true:false"></switch>
</view>
<!-- #ifndef MP-ALIPAY -->
<view class="cu-form-group">
<view class="title">方形开关</view>
<switch class='orange radius' @change="SwitchD" :class="switchD?'checked':''" :checked="switchD?true:false"></switch>
</view>
<!-- #endif -->
<radio-group class="block" @change="RadioChange">
<view class="cu-form-group margin-top">
<view class="title">单选操作(radio)</view>
<radio :class="radio=='A'?'checked':''" :checked="radio=='A'?true:false" value="A"></radio>
</view>
<!-- #ifndef MP-ALIPAY -->
<view class="cu-form-group">
<view class="title">定义样式</view>
<radio class='radio' :class="radio=='B'?'checked':''" :checked="radio=='B'?true:false" value="B"></radio>
@@ -110,12 +124,14 @@
<radio class='red margin-left-sm' :class="radio=='D'?'checked':''" :checked="radio=='D'?true:false" value="D"></radio>
</view>
</view>
<!-- #endif -->
</radio-group>
<checkbox-group class="block" @change="CheckboxChange">
<view class="cu-form-group margin-top">
<view class="title">复选选操作(checkbox)</view>
<checkbox :class="checkbox[0].checked?'checked':''" :checked="checkbox[0].checked?true:false" value="A"></checkbox>
</view>
<!-- #ifndef MP-ALIPAY -->
<view class="cu-form-group">
<view class="title">定义形状</view>
<checkbox class='round' :class="checkbox[1].checked?'checked':''" :checked="checkbox[1].checked?true:false" value="B"></checkbox>
@@ -125,6 +141,7 @@
<checkbox class='round blue' :class="checkbox[2].checked?'checked':''" :checked="checkbox[2].checked?true:false"
value="C"></checkbox>
</view>
<!-- #endif -->
</checkbox-group>
<view class="cu-bar bg-white margin-top">
<view class="action">
@@ -149,13 +166,11 @@
</view>
<!-- !!!!! placeholder 在ios表现有偏移 建议使用 第一种样式 -->
<view class="cu-form-group margin-top">
<textarea data-placeholder="多行文本输入框" maxlength="-1" :disabled="modalName!=null" placeholder-class="placeholder"
:class="textareaAValue?'value':''" @input="textareaAInput"></textarea>
</view>
<view class="cu-form-group top">
<view class="title">点文本框</view>
<textarea data-placeholder="多行文本输入框" maxlength="-1" :disabled="modalName!=null" placeholder-class="placeholder"
:class="textareaBValue?'value':''" @input="textareaBInput"></textarea>
<textarea maxlength="-1" :disabled="modalName!=null" @input="textareaAInput" placeholder="多行文本输入框"></textarea>
</view>
<view class="cu-form-group align-start">
<view class="title">文本框</view>
<textarea maxlength="-1" :disabled="modalName!=null" @input="textareaBInput" placeholder="多行文本输入框"></textarea>
</view>
</form>
</view>
@@ -233,7 +248,7 @@
checked: false
}],
imgList: [],
modalName:null,
modalName: null,
textareaAValue: '',
textareaBValue: ''
};
Colorui-UniApp/pages/component/home.vue
+1 -1
View File
@@ -1,4 +1,4 @@
<template>
<template name="components">
<view>
<scroll-view scroll-y class="page">
<image src="/static/componentBg.png" mode="widthFix" class="response"></image>
Colorui-UniApp/pages/component/swiper.vue
+2 -8
View File
@@ -18,6 +18,7 @@
<video :src="item.url" autoplay loop muted :show-play-btn="false" :controls="false" objectFit="cover" v-if="item.type=='video'"></video>
</swiper-item>
</swiper>
<!-- #ifndef MP-ALIPAY -->
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-pink"></text> 卡片式轮播
@@ -46,6 +47,7 @@
</view>
</view>
</view>
<!-- #endif -->
</view>
</template>
@@ -60,16 +62,8 @@
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big84000.jpg'
}, {
id: 1,
// #ifdef MP
type: 'video',
url: 'https://yz.lol.qq.com/v1/assets/videos/aatrox-splashvideo.webm',
// #endif
// #ifndef MP
type: 'image',
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big37006.jpg',
// #endif
}, {
id: 2,
type: 'image',
Colorui-UniApp/pages/plugin/home.vue
+1 -1
View File
@@ -3,7 +3,7 @@
<scroll-view scroll-y class="page">
<cu-custom bgImage="https://image.weilanwl.com/color2.0/plugin/cjkz2329.jpg">
<block slot="content">
<image src="/static/cjkz.png" mode="widthFix"></image>
<image src="/static/cjkz.png" mode="aspectFill" style="width: 240upx;height: 60upx;"></image>
</block>
</cu-custom>
<view class="cu-card">
Colorui-UniApp/pages/plugin/indexes.vue
+1 -1
View File
@@ -13,7 +13,7 @@
</view>
</view>
<scroll-view scroll-y class="indexes" :scroll-into-view="'indexes-'+ listCurID" :style="[{height:'calc(100vh - '+ CustomBar + 'px - 50px)'}]"
:scroll-with-animation="true" :enable-back-to-top="true" @scroll="scroll">
:scroll-with-animation="true" :enable-back-to-top="true">
<block v-for="(item,index) in list" :key="index">
<view :class="'indexItem-' + item.name" :id="'indexes-' + item.name" :data-index="item.name">
<view class="padding">{{item.name}}</view>
Colorui-UniApp/pages/plugin/verticalnav.vue
+4
View File
@@ -146,6 +146,9 @@
this.verticalNavTop = (e.currentTarget.dataset.id - 1) * 50
},
VerticalMain(e) {
// #ifdef MP-ALIPAY
return false //支付宝小程序暂时不支持双向联动
// #endif
let that = this;
let tabHeight = 0;
if (this.load) {
@@ -219,5 +222,6 @@
.VerticalMain {
background-color: #f1f1f1;
flex: 1;
}
</style>