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

uniapp for 2.1.4

Browse Source
This commit is contained in:
Weilanwl
2019-04-14 04:39:09 +08:00
parent 1cc9a377c2
commit 5c63ece933
37 changed files with 970 additions and 703 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,7 +3,7 @@
<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>头像形状
<text class="cuIcon-title text-blue"></text>头像形状
</view>
</view>
<view class="padding">
@@ -12,7 +12,7 @@
</view>
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>头像尺寸
<text class="cuIcon-title text-blue"></text>头像尺寸
</view>
</view>
<view class="padding">
@@ -39,12 +39,12 @@
</view>
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>内嵌文字(图标)
<text class="cuIcon-title text-blue"></text>内嵌文字(图标)
</view>
</view>
<view class="padding">
<view class="cu-avatar radius">
<text class="icon-people"></text>
<text class="cuIcon-people"></text>
</view>
<view class="cu-avatar radius margin-left">
<text>港</text>
@@ -53,7 +53,7 @@
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>头像颜色
<text class="cuIcon-title text-blue"></text>头像颜色
</view>
</view>
<view class="padding-sm">
@@ -63,7 +63,7 @@
</view>
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>头像组
<text class="cuIcon-title text-blue"></text>头像组
</view>
</view>
<view class="padding">
@@ -74,12 +74,12 @@
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>头像标签
<text class="cuIcon-title text-blue"></text>头像标签
</view>
</view>
<view class="padding">
<view class="cu-avatar round lg margin-left" v-for="(item,index) in avatar" :key="index" :style="[{ backgroundImage:'url(' + avatar[index] + ')' }]">
<view class="cu-tag badge" :class="index%2==0?'icon-female bg-pink':'icon-male bg-blue'"></view>
<view class="cu-tag badge" :class="index%2==0?'cuIcon-female bg-pink':'cuIcon-male bg-blue'"></view>
</view>
</view>

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

@@ -6,7 +6,7 @@
</cu-custom>
<view class="cu-bar bg-white solid-bottom">
<view class="action">
<text class='icon-title text-blue'></text>深色背景
<text class='cuIcon-title text-blue'></text>深色背景
</view>
</view>
<view class="grid col-3 padding-sm">
@@ -19,7 +19,7 @@
</view>
<view class="cu-bar bg-white solid-bottom">
<view class="action">
<text class="icon-title text-blue"></text>淡色背景
<text class="cuIcon-title text-blue"></text>淡色背景
</view>
</view>
<view class="grid col-3 bg-white padding-sm">
@@ -32,7 +32,7 @@
</view>
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
<text class="icon-title text-blue"></text>渐变背景
<text class="cuIcon-title text-blue"></text>渐变背景
</view>
</view>
<view class="grid col-2 padding-sm">
@@ -75,7 +75,7 @@
</view>
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>图片背景
<text class="cuIcon-title text-blue"></text>图片背景
</view>
</view>
<view class="bg-img bg-mask flex align-center" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg');height: 414upx;">
@@ -90,7 +90,7 @@
</view>
<!-- <view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>视频背景
<text class="cuIcon-title text-blue"></text>视频背景
</view>
</view>
<view class="bg-video bg-mask flex align-center" style="height: 422upx;">
@@ -108,7 +108,7 @@
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>透明背景(文字层)
<text class="cuIcon-title text-blue"></text>透明背景(文字层)
</view>
</view>
<view class="grid col-2">

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

@@ -3,11 +3,11 @@
<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>按钮形状
<text class="cuIcon-title text-blue"></text>按钮形状
</view>
<view class="action">
<navigator class="action" url="design" hover-class="none">
<text class="icon-skinfill"></text>
<text class="cuIcon-skinfill"></text>
<text class="text-df">设计</text>
</navigator>
</view>
@@ -16,12 +16,12 @@
<button class="cu-btn">默认</button>
<button class="cu-btn round">圆角</button>
<button class="cu-btn icon">
<text class="icon-emojifill"></text>
<text class="cuIcon-emojifill"></text>
</button>
</view>
<view class="cu-bar margin-top bg-white solid-bottom">
<view class="action">
<text class="icon-title text-blue"></text>按钮尺寸
<text class="cuIcon-title text-blue"></text>按钮尺寸
</view>
</view>
<view class="padding flex flex-wrap justify-between align-center bg-white">
@@ -31,7 +31,7 @@
</view>
<view class="cu-bar margin-top bg-white">
<view class="action">
<text class="icon-title text-blue"></text>按钮颜色
<text class="cuIcon-title text-blue"></text>按钮颜色
</view>
<view class="action">
<text class="text-df margin-right-sm">阴影</text>
@@ -45,7 +45,7 @@
</view>
<view class="cu-bar margin-top bg-white">
<view class="action">
<text class="icon-title text-blue"></text>镂空按钮
<text class="cuIcon-title text-blue"></text>镂空按钮
</view>
<view class="action">
<radio-group @change="SetBorderSize">
@@ -67,7 +67,7 @@
</view>
<view class="cu-bar margin-top bg-white">
<view class="action">
<text class="icon-title text-blue"></text>块状按钮
<text class="cuIcon-title text-blue"></text>块状按钮
</view>
</view>
<view class="padding flex flex-direction">
@@ -76,7 +76,7 @@
</view>
<view class="cu-bar margin-top bg-white">
<view class="action">
<text class="icon-title text-blue"></text>无效状态
<text class="cuIcon-title text-blue"></text>无效状态
</view>
</view>
<view class="padding">
@@ -85,14 +85,14 @@
</view>
<view class="cu-bar margin-top bg-white">
<view class="action">
<text class="icon-title text-blue"></text>按钮加图标
<text class="cuIcon-title text-blue"></text>按钮加图标
</view>
</view>
<view class="padding-xl">
<button class="cu-btn block line-orange lg">
<text class="icon-upload"></text> 图标</button>
<text class="cuIcon-upload"></text> 图标</button>
<button class="cu-btn block bg-blue margin-tb-sm lg">
<text class="icon-loading2 iconfont-spin"></text> 加载</button>
<text class="cuIcon-loading2 iconfont-spin"></text> 加载</button>
<button class="cu-btn block bg-black margin-tb-sm lg" loading> 原生加载</button>
</view>
</view>

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

@@ -61,7 +61,7 @@
<view class="cu-bar justify-end solid-bottom">
<view class="content">选择颜色</view>
<view class="action" @tap="hideModal">
<text class="icon-close text-red"></text>
<text class="cuIcon-close text-red"></text>
</view>
</view>
<view class="grid col-5 padding">

2
Colorui-UniApp/pages/basics/home.vue
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="'icon-' + item.icon"></text>
<text :class="'cuIcon-' + item.icon"></text>
</navigator>
</view>
<view class="cu-tabbar-height"></view>

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

@@ -3,13 +3,13 @@
<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>
<text class="cuIcon-search"></text>
<input type="text" placeholder="搜索icon" 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">
<text class="lg text-gray" :class="'icon-' + item.name"></text>
<text class="lg text-gray" :class="'cuIcon-' + item.name"></text>
<text>{{item.name}}</text>
</view>
</view>

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

@@ -10,7 +10,7 @@
<block v-if="TabCur==0">
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
<text class="icon-title text-blue"></text>固定尺寸
<text class="cuIcon-title text-blue"></text>固定尺寸
</view>
</view>
<view class="padding bg-white">
@@ -26,7 +26,7 @@
</view>
<view class="cu-bar bg-white margin-top solid-bottom">
<view class="action">
<text class="icon-title text-blue"></text>比例布局
<text class="cuIcon-title text-blue"></text>比例布局
</view>
</view>
<view class="padding bg-white">
@@ -46,7 +46,7 @@
</view>
<view class="cu-bar bg-white margin-top solid-bottom">
<view class="action">
<text class="icon-title text-blue"></text>水平对齐(justify)
<text class="cuIcon-title text-blue"></text>水平对齐(justify)
</view>
</view>
<view class="bg-white">
@@ -73,7 +73,7 @@
</view>
<view class="cu-bar bg-white margin-top solid-bottom">
<view class="action">
<text class="icon-title text-blue"></text>垂直对齐(align)
<text class="cuIcon-title text-blue"></text>垂直对齐(align)
</view>
</view>
<view class="bg-white">
@@ -94,7 +94,7 @@
<block v-if="TabCur==1">
<view class="cu-bar bg-white margin-top solid-bottom">
<view class="action">
<text class="icon-title text-blue"></text>等分列
<text class="cuIcon-title text-blue"></text>等分列
</view>
<view class="action"></view>
</view>
@@ -105,7 +105,7 @@
</view>
<view class="cu-bar bg-white margin-top solid-bottom">
<view class="action">
<text class="icon-title text-blue"></text>等高
<text class="cuIcon-title text-blue"></text>等高
</view>
<view class="action"></view>
</view>
@@ -118,7 +118,7 @@
<block v-if="TabCur==2">
<view class="cu-bar bg-white margin-top solid-bottom">
<view class="action">
<text class="icon-title text-blue"></text>浮动
<text class="cuIcon-title text-blue"></text>浮动
</view>
</view>
<view class="bg-white padding">
@@ -129,7 +129,7 @@
</view>
<view class="cu-bar bg-white solid-bottom margin-top solid-bottom">
<view class="action">
<text class="icon-title text-blue"></text>内外边距
<text class="cuIcon-title text-blue"></text>内外边距
</view>
</view>
<view class="bg-white">

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

@@ -9,13 +9,13 @@
</cu-custom>
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-title text-blue"></text>背景
<text class="cuIcon-title text-blue"></text>背景
</view>
</view>
<view class="cu-load bg-blue" :class="!isLoad?'loading':'over'"></view>
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>加载状态
<text class="cuIcon-title text-blue"></text>加载状态
</view>
<view class="action">
<switch @change="isLoading" :class="isLoad?'checked':''"></switch>
@@ -24,14 +24,14 @@
<view class="cu-load bg-grey" :class="!isLoad?'loading':'over'"></view>
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>加载错误
<text class="cuIcon-title text-blue"></text>加载错误
</view>
</view>
<view class="cu-load bg-red erro"></view>
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>弹框加载
<text class="cuIcon-title text-blue"></text>弹框加载
</view>
<view class="action">
<button class="cu-btn bg-green shadow" @tap="LoadModal">
@@ -40,13 +40,13 @@
</view>
</view>
<view class="cu-load load-modal" v-if="loadModal">
<!-- <view class="icon-emojifill text-orange"></view> -->
<!-- <view class="cuIcon-emojifill text-orange"></view> -->
<image src="/static/logo.png" mode="aspectFit"></image>
<view class="gray-text">加载中...</view>
</view>
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>进度条加载
<text class="cuIcon-title text-blue"></text>进度条加载
</view>
<view class="action">
<button class="cu-btn bg-green shadow" @tap="LoadProgress">

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

@@ -3,7 +3,7 @@
<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>进度条形状
<text class="cuIcon-title text-blue"></text>进度条形状
</view>
</view>
<view class="padding bg-white">
@@ -19,7 +19,7 @@
</view>
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
<text class="icon-title text-blue"></text>进度条尺寸
<text class="cuIcon-title text-blue"></text>进度条尺寸
</view>
</view>
<view class="padding bg-white">
@@ -36,7 +36,7 @@
<view class="cu-bar bg-white solid-bottom margin-top" @tap="showModal" data-target="ColorModal">
<view class="action">
<text class="icon-title text-blue"></text>进度条颜色
<text class="cuIcon-title text-blue"></text>进度条颜色
</view>
<view class="action">
<view class="padding-sm solid radius shadow-blur" :class="'bg-' + color"></view>
@@ -51,7 +51,7 @@
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
<text class="icon-title text-blue"></text>进度条条纹
<text class="cuIcon-title text-blue"></text>进度条条纹
</view>
<switch class="margin-right-sm" :class="active?'checked':''" @change="SetActive"></switch>
</view>
@@ -65,7 +65,7 @@
</view>
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
<text class="icon-title text-blue"></text>进度条比例
<text class="cuIcon-title text-blue"></text>进度条比例
</view>
</view>
<view class="padding bg-white">
@@ -77,7 +77,7 @@
</view>
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
<text class="icon-title text-blue"></text>进度条布局
<text class="cuIcon-title text-blue"></text>进度条布局
</view>
</view>
<view class="padding bg-white ">
@@ -85,7 +85,7 @@
<view class="cu-progress round">
<view class="bg-green" :style="[{ width:loading?'100%':''}]"></view>
</view>
<text class="icon-roundcheckfill text-green margin-left-sm"></text>
<text class="cuIcon-roundcheckfill text-green margin-left-sm"></text>
</view>
<view class="flex margin-top">
<view class="cu-progress round">
@@ -100,7 +100,7 @@
<view class="cu-bar justify-end solid-bottom">
<view class="content">选择颜色</view>
<view class="action" @tap="hideModal">
<text class="icon-close text-red"></text>
<text class="cuIcon-close text-red"></text>
</view>
</view>
<view class="grid col-5 padding">

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

@@ -3,7 +3,7 @@
<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>边框
<text class="cuIcon-title text-blue"></text>边框
</view>
<view class="action">
<switch class="sm" @change="SetSize" :class="size?'checked':''"></switch>
@@ -18,16 +18,17 @@
</view>
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-blue"></text>阴影
<text class="cuIcon-title text-blue"></text>阴影
</view>
</view>
<view class="padding text-center">
<view class="padding-xl radius shadow bg-white"> 默认阴影</view>
<view class="padding-xl radius shadow-lg bg-white margin-top">长阴影</view>
<view class="padding-xl radius shadow bg-white">默认阴影</view>
<view class="padding-xl radius shadow bg-blue margin-top">根据背景颜色而改变的阴影</view>
<view class="padding-xl radius shadow shadow-lg bg-white margin-top">长阴影</view>
<view class="padding-xl radius shadow shadow-lg bg-blue margin-top">长阴影</view>
<view class="padding-xl radius shadow-warp bg-white margin-top">翘边阴影</view>
<view class="padding-xl radius shadow-blur bg-red margin-top">根据背景颜色而改变的阴影</view>
<view class="padding-xl radius shadow-blur bg-red margin-top bg-img" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big91005.jpg);">
<view>根据背景颜色而改变的阴影</view>
<view>根据背景图而改变的阴影</view>
</view>
</view>
</view>

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

@@ -3,7 +3,7 @@
<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>标签形状
<text class='cuIcon-title text-blue'></text>标签形状
</view>
</view>
<view class="padding bg-white solid-bottom">
@@ -14,7 +14,7 @@
<view class="cu-bar bg-white margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>标签尺寸
<text class='cuIcon-title text-blue'></text>标签尺寸
</view>
</view>
<view class="padding bg-white">
@@ -23,7 +23,7 @@
</view>
<view class="cu-bar bg-white margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>标签颜色
<text class='cuIcon-title text-blue'></text>标签颜色
</view>
</view>
<view class='padding-sm flex flex-wrap'>
@@ -36,7 +36,7 @@
</view>
<view class="cu-bar bg-white margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>镂空标签
<text class='cuIcon-title text-blue'></text>镂空标签
</view>
</view>
<view class='padding-sm flex flex-wrap'>
@@ -46,13 +46,13 @@
</view>
<view class="cu-bar bg-white margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>胶囊样式
<text class='cuIcon-title text-blue'></text>胶囊样式
</view>
</view>
<view class="padding">
<view class="cu-capsule">
<view class='cu-tag bg-red'>
<text class='icon-likefill'></text>
<text class='cuIcon-likefill'></text>
</view>
<view class="cu-tag line-red">
12
@@ -60,7 +60,7 @@
</view>
<view class="cu-capsule round">
<view class='cu-tag bg-blue '>
<text class='icon-likefill'></text>
<text class='cuIcon-likefill'></text>
</view>
<view class="cu-tag line-blue">
23
@@ -76,7 +76,7 @@
</view>
<view class="cu-capsule radius">
<view class='cu-tag bg-grey '>
<text class='icon-likefill'></text>
<text class='cuIcon-likefill'></text>
</view>
<view class="cu-tag line-grey">
23
@@ -84,7 +84,7 @@
</view>
<view class="cu-capsule radius">
<view class='cu-tag bg-brown sm'>
<text class='icon-likefill'></text>
<text class='cuIcon-likefill'></text>
</view>
<view class="cu-tag line-brown sm">
23
@@ -93,7 +93,7 @@
</view>
<view class="cu-bar bg-white margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>数字标签
<text class='cuIcon-title text-blue'></text>数字标签
</view>
</view>
<view class="padding flex justify-between align-center">
@@ -106,7 +106,7 @@
</view>
<view class='cu-avatar xl radius'>
<view class='cu-tag badge'>99</view>
<text class='icon-people'></text>
<text class='cuIcon-people'></text>
</view>
<view class='cu-avatar xl radius'>
<view class='cu-tag badge'>99+</view>

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

@@ -2,141 +2,153 @@
<view>
<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 class="action">
<text class="cuIcon-title text-blue"></text>文字大小
</view>
</view>
<view class='bg-white padding-lr'>
<view class='solids-bottom padding-xs flex align-center'>
<view class='padding'>60</view>
<view class='flex-sub text-center'>
<view class='solid-bottom text-xsl padding'>
<text class=' icon-roundcheckfill text-green'></text>
<view class="bg-white padding-lr">
<view class="solids-bottom padding-xs flex align-center">
<view class="padding">60</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-xsl padding">
<text class=" cuIcon-roundcheckfill text-green"></text>
</view>
<view class='padding'>用于图标、数字等特大显示</view>
<view class="padding">用于图标、数字等特大显示</view>
</view>
</view>
<view class='solids-bottom padding-xs flex align-center'>
<view class='padding'>40</view>
<view class='flex-sub text-center'>
<view class='solid-bottom text-sl padding'>
<text class=' icon-roundcheckfill text-green'></text>
<view class="solids-bottom padding-xs flex align-center">
<view class="padding">40</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-sl padding">
<text class=" cuIcon-roundcheckfill text-green"></text>
</view>
<view class='padding'>用于图标、数字等较大显示</view>
<view class="padding">用于图标、数字等较大显示</view>
</view>
</view>
<view class='solids-bottom padding-xs flex align-center'>
<view class='padding'>22</view>
<view class='flex-sub text-center'>
<view class='solid-bottom text-xxl padding'>
<text class='text-price text-red'>80.00</text>
<view class="solids-bottom padding-xs flex align-center">
<view class="padding">22</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-xxl padding">
<text class="text-price text-red">80.00</text>
</view>
<view class='padding'>用于金额数字等信息</view>
<view class="padding">用于金额数字等信息</view>
</view>
</view>
<view class='solids-bottom padding-xs flex align-center'>
<view class='padding'>18</view>
<view class='flex-sub text-center'>
<view class='solid-bottom text-xl padding'>
<text class='text-black text-bold'>您的订单已提交成功！</text>
<view class="solids-bottom padding-xs flex align-center">
<view class="padding">18</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-xl padding">
<text class="text-black text-bold">您的订单已提交成功！</text>
</view>
<view class='padding'>页面大标题，用于结果页等单一信息页</view>
<view class="padding">页面大标题，用于结果页等单一信息页</view>
</view>
</view>
<view class='solids-bottom padding-xs flex align-center'>
<view class='padding'>16</view>
<view class='flex-sub text-center'>
<view class='solid-bottom text-lg padding'>
<text class='text-black'>ColorUI组件库</text>
<view class="solids-bottom padding-xs flex align-center">
<view class="padding">16</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-lg padding">
<text class="text-black">ColorUI组件库</text>
</view>
<view class='padding'>页面小标题，首要层级显示内容</view>
<view class="padding">页面小标题，首要层级显示内容</view>
</view>
</view>
<view class='solids-bottom padding-xs flex align-center'>
<view class='padding'>14</view>
<view class='flex-sub text-center'>
<view class='solid-bottom text-df padding'>专注视觉的小程序组件库</view>
<view class='padding'>页面默认字号，用于摘要或阅读文本</view>
<view class="solids-bottom padding-xs flex align-center">
<view class="padding">14</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-df padding">专注视觉的小程序组件库</view>
<view class="padding">页面默认字号，用于摘要或阅读文本</view>
</view>
</view>
<view class='solids-bottom padding-xs flex align-center'>
<view class='padding'>12</view>
<view class='flex-sub text-center'>
<view class='solid-bottom text-sm padding'>
<text class='text-grey'>衬衫的价格是9磅15便士</text>
<view class="solids-bottom padding-xs flex align-center">
<view class="padding">12</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-sm padding">
<text class="text-grey">衬衫的价格是9磅15便士</text>
</view>
<view class='padding'>页面辅助信息，次级内容等</view>
<view class="padding">页面辅助信息，次级内容等</view>
</view>
</view>
<view class='padding-xs flex align-center'>
<view class='padding'>10</view>
<view class='flex-sub text-center'>
<view class='solid-bottom text-xs padding'>
<text class='text-gray'>我于杀戮之中绽放 亦如黎明中的花朵</text>
<view class="padding-xs flex align-center">
<view class="padding">10</view>
<view class="flex-sub text-center">
<view class="solid-bottom text-xs padding">
<text class="text-gray">我于杀戮之中绽放 亦如黎明中的花朵</text>
</view>
<view class='padding'>说明文本，标签文字等关注度低的文字</view>
<view class="padding">说明文本，标签文字等关注度低的文字</view>
</view>
</view>
</view>
<view class="cu-bar bg-white solid-bottom margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>文字颜色
<view class="action">
<text class="cuIcon-title text-blue"></text>文字颜色
</view>
</view>
<view class='grid col-5 padding-sm'>
<view class='padding-sm' v-for="(item,index) in ColorList" :key="index">
<view class='text-center' :class="'text-' + item.name">
<view class="grid col-5 padding-sm">
<view class="padding-sm" v-for="(item,index) in ColorList" :key="index">
<view class="text-center" :class="'text-' + item.name">
{{item.title}}
</view>
</view>
</view>
<view class="cu-bar bg-white solid-bottom margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>文字截断
<view class="action">
<text class="cuIcon-title text-blue"></text>文字阴影
</view>
</view>
<view class='padding bg-white'>
<view class='text-cut padding bg-grey radius' style='width:220px'>我于杀戮之中绽放 ,亦如黎明中的花朵</view>
<view class="grid col-5 padding-sm">
<view class="padding-sm" v-for="(item,index) in ColorList" :key="index">
<view class="text-center text-shadow" :class="'text-' + item.name">
<view class="cuIcon-ellipse text-xxl"></view>
</view>
</view>
</view>
<view class="cu-bar bg-white solid-bottom margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>文字对齐
<view class="action">
<text class="cuIcon-title text-blue"></text>文字截断
</view>
</view>
<view class='padding bg-white'>
<view class='text-left padding'>我于杀戮之中绽放 ,亦如黎明中的花朵</view>
<view class='text-center padding'>我于杀戮之中绽放 ,亦如黎明中的花朵</view>
<view class='text-right padding'>我于杀戮之中绽放 ,亦如黎明中的花朵</view>
<view class="padding bg-white">
<view class="text-cut padding bg-grey radius" style="width:220px">我于杀戮之中绽放 ,亦如黎明中的花朵</view>
</view>
<view class="cu-bar bg-white solid-bottom margin-top">
<view class='action'>
<text class='icon-title text-blue'></text>特殊文字
<view class="action">
<text class="cuIcon-title text-blue"></text>文字对齐
</view>
</view>
<view class='padding text-center'>
<view class='padding-lr bg-white'>
<view class='solid-bottom padding'>
<text class='text-price'>80.00</text>
</view>
<view class='padding'>价格文本，利用伪元素添加"¥"符号</view>
<view class="padding bg-white">
<view class="text-left padding">我于杀戮之中绽放 ,亦如黎明中的花朵</view>
<view class="text-center padding">我于杀戮之中绽放 ,亦如黎明中的花朵</view>
<view class="text-right padding">我于杀戮之中绽放 ,亦如黎明中的花朵</view>
</view>
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
<text class="cuIcon-title text-blue"></text>特殊文字
</view>
<view class='padding-lr bg-white margin-top'>
<view class='solid-bottom padding'>
<text class='text-Abc'>color Ui</text>
</view>
<view class="padding text-center">
<view class="padding-lr bg-white">
<view class="solid-bottom padding">
<text class="text-price">80.00</text>
</view>
<view class='padding'>英文单词首字母大写</view>
<view class="padding">价格文本，利用伪元素添加"¥"符号</view>
</view>
<view class='padding-lr bg-white margin-top'>
<view class='solid-bottom padding'>
<text class='text-ABC'>color Ui</text>
<view class="padding-lr bg-white margin-top">
<view class="solid-bottom padding">
<text class="text-Abc">color Ui</text>
</view>
<view class='padding'>全部字母大写</view>
<view class="padding">英文单词首字母大写</view>
</view>
<view class='padding-lr bg-white margin-top'>
<view class='solid-bottom padding'>
<text class='text-abc'>color Ui</text>
<view class="padding-lr bg-white margin-top">
<view class="solid-bottom padding">
<text class="text-ABC">color Ui</text>
</view>
<view class='padding'>全部字母小写</view>
<view class="padding">全部字母大写</view>
</view>
<view class="padding-lr bg-white margin-top">
<view class="solid-bottom padding">
<text class="text-abc">color Ui</text>
</view>
<view class="padding">全部字母小写</view>
</view>
</view>
</view>

108
Colorui-UniApp/pages/component/bar.vue
View File

@@ -3,33 +3,33 @@
<cu-custom bgColor="bg-gradual-pink" :isBack="true"><block slot="backText">返回</block><block slot="content">操作条</block></cu-custom>
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-green"></text>
<text class="cuIcon-title text-green"></text>
<text>底部操作条</text>
</view>
</view>
<view class="box">
<view class="cu-bar tabbar bg-white">
<view class="action">
<view class="icon-cu-image">
<view class="cuIcon-cu-image">
<image src="/static/tabbar/basics_cur.png"></image>
</view>
<view class="text-green">元素</view>
</view>
<view class="action">
<view class="icon-cu-image">
<view class="cuIcon-cu-image">
<image src="/static/tabbar/component.png"></image>
</view>
<view class="text-gray">组件</view>
</view>
<view class="action">
<view class="icon-cu-image">
<view class="cuIcon-cu-image">
<image src="/static/tabbar/plugin.png"></image>
<view class="cu-tag badge">99</view>
</view>
<view class="text-gray">扩展</view>
</view>
<view class="action">
<view class="icon-cu-image">
<view class="cuIcon-cu-image">
<image src="/static/tabbar/about.png"></image>
<view class="cu-tag badge"></view>
</view>
@@ -38,23 +38,23 @@
</view>
<view class="cu-bar tabbar margin-bottom-xl bg-black">
<view class="action text-orange">
<view class="icon-homefill"></view> 首页
<view class="cuIcon-homefill"></view> 首页
</view>
<view class="action text-gray">
<view class="icon-similar"></view> 分类
<view class="cuIcon-similar"></view> 分类
</view>
<view class="action text-gray">
<view class="icon-recharge"></view>
<view class="cuIcon-recharge"></view>
积分
</view>
<view class="action text-gray">
<view class="icon-cart">
<view class="cuIcon-cart">
<view class="cu-tag badge">99</view>
</view>
购物车
</view>
<view class="action text-gray">
<view class="icon-my">
<view class="cuIcon-my">
<view class="cu-tag badge"></view>
</view>
我的
@@ -62,23 +62,23 @@
</view>
<view class="cu-bar tabbar margin-bottom-xl bg-white">
<view class="action text-green">
<view class="icon-homefill"></view> 首页
<view class="cuIcon-homefill"></view> 首页
</view>
<view class="action text-gray">
<view class="icon-similar"></view> 分类
<view class="cuIcon-similar"></view> 分类
</view>
<view class="action text-gray add-action">
<button class="cu-btn icon-add bg-green shadow"></button>
<button class="cu-btn cuIcon-add bg-green shadow"></button>
发布
</view>
<view class="action text-gray">
<view class="icon-cart">
<view class="cuIcon-cart">
<view class="cu-tag badge">99</view>
</view>
购物车
</view>
<view class="action text-gray">
<view class="icon-my">
<view class="cuIcon-my">
<view class="cu-tag badge"></view>
</view>
我的
@@ -86,23 +86,23 @@
</view>
<view class="cu-bar tabbar bg-black">
<view class="action text-green">
<view class="icon-homefill"></view> 首页
<view class="cuIcon-homefill"></view> 首页
</view>
<view class="action text-gray">
<view class="icon-similar"></view> 分类
<view class="cuIcon-similar"></view> 分类
</view>
<view class="action text-gray add-action">
<button class="cu-btn icon-add bg-green shadow"></button>
<button class="cu-btn cuIcon-add bg-green shadow"></button>
发布
</view>
<view class="action text-gray">
<view class="icon-cart">
<view class="cuIcon-cart">
<view class="cu-tag badge">99</view>
</view>
购物车
</view>
<view class="action text-gray">
<view class="icon-my">
<view class="cuIcon-my">
<view class="cu-tag badge"></view>
</view>
我的
@@ -111,16 +111,16 @@
<view class="cu-bar bg-white tabbar border shop">
<button class="action" open-type="contact">
<view class="icon-service text-green">
<view class="cuIcon-service text-green">
<view class="cu-tag badge"></view>
</view>
客服
</button>
<view class="action text-orange">
<view class="icon-favorfill"></view> 已收藏
<view class="cuIcon-favorfill"></view> 已收藏
</view>
<view class="action">
<view class="icon-cart">
<view class="cuIcon-cart">
<view class="cu-tag badge">99</view>
</view>
购物车
@@ -130,13 +130,13 @@
<view class="cu-bar bg-white tabbar border shop">
<button class="action" open-type="contact">
<view class="icon-service text-green">
<view class="cuIcon-service text-green">
<view class="cu-tag badge"></view>
</view>
客服
</button>
<view class="action">
<view class="icon-cart">
<view class="cuIcon-cart">
<view class="cu-tag badge">99</view>
</view>
购物车
@@ -147,16 +147,16 @@
<view class="cu-bar bg-white tabbar border shop">
<button class="action" open-type="contact">
<view class="icon-service text-green">
<view class="cuIcon-service text-green">
<view class="cu-tag badge"></view>
</view>
客服
</button>
<view class="action">
<view class=" icon-shop"></view> 店铺
<view class=" cuIcon-shop"></view> 店铺
</view>
<view class="action">
<view class="icon-cart">
<view class="cuIcon-cart">
<view class="cu-tag badge">99</view>
</view>
购物车
@@ -167,12 +167,12 @@
</view>
<view class="cu-bar bg-white tabbar border shop">
<button class="action" open-type="contact">
<view class="icon-service text-green">
<view class="cuIcon-service text-green">
<view class="cu-tag badge"></view>
</view> 客服
</button>
<view class="action">
<view class="icon-cart">
<view class="cuIcon-cart">
<view class="cu-tag badge">99</view>
</view>
购物车
@@ -186,7 +186,7 @@
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-title text-green"></text>
<text class="cuIcon-title text-green"></text>
<text>标题操作条</text>
</view>
</view>
@@ -255,13 +255,13 @@
</view>
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-title text-green"></text>
<text class="cuIcon-title text-green"></text>
<text class="text-xl text-bold">关于我们</text>
</view>
</view>
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-titles text-green"></text>
<text class="cuIcon-titles text-green"></text>
<text class="text-xl text-bold">关于我们</text>
</view>
</view>
@@ -269,14 +269,14 @@
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-title text-green"></text>
<text class="cuIcon-title text-green"></text>
<text>顶部操作条</text>
</view>
</view>
<view class="box">
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-back text-gray"></text> 返回
<text class="cuIcon-back text-gray"></text> 返回
</view>
<view class="content text-bold">
操作条
@@ -284,19 +284,19 @@
</view>
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-homefill text-gray"></text> 首页
<text class="cuIcon-homefill text-gray"></text> 首页
</view>
<view class="content text-bold">
鲜亮的高饱和色彩，专注视觉的小程序组件库
</view>
<view class="action">
<text class="icon-cardboardfill text-grey"></text>
<text class="icon-recordfill text-red"></text>
<text class="cuIcon-cardboardfill text-grey"></text>
<text class="cuIcon-recordfill text-red"></text>
</view>
</view>
<view class="cu-bar bg-blue">
<view class="action">
<text class="icon-close"></text> 关闭
<text class="cuIcon-close"></text> 关闭
</view>
<view class="content text-bold">
海蓝
@@ -308,7 +308,7 @@
ColorUI
</view>
<view class="action">
<text class="icon-more"></text>
<text class="cuIcon-more"></text>
</view>
</view>
</view>
@@ -316,14 +316,14 @@
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-title text-green"></text>
<text class="cuIcon-title text-green"></text>
<text>搜索操作条</text>
</view>
</view>
<view class="box">
<view class="cu-bar search bg-white">
<view class="search-form round">
<text class="icon-search"></text>
<text class="cuIcon-search"></text>
<input @focus="InputFocus" @blur="InputBlur" :adjust-position="false" type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
</view>
<view class="action">
@@ -333,32 +333,32 @@
<view class="cu-bar search bg-white">
<view class="cu-avatar round" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big11010.jpg"></view>
<view class="search-form round">
<text class="icon-search"></text>
<text class="cuIcon-search"></text>
<input @focus="InputFocus" @blur="InputBlur" :adjust-position="false" type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
</view>
<view class="action">
<text>广州</text>
<text class="icon-triangledownfill"></text>
<text class="cuIcon-triangledownfill"></text>
</view>
</view>
<view class="cu-bar bg-red search">
<view class="cu-avatar round" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big114004.jpg);"></view>
<view class="search-form radius">
<text class="icon-search"></text>
<text class="cuIcon-search"></text>
<input @focus="InputFocus" @blur="InputBlur" :adjust-position="false" type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
</view>
<view class="action">
<text>广州</text>
<text class="icon-triangledownfill"></text>
<text class="cuIcon-triangledownfill"></text>
</view>
</view>
<view class="cu-bar bg-cyan search">
<view class="search-form radius">
<text class="icon-search"></text>
<text class="cuIcon-search"></text>
<input @focus="InputFocus" @blur="InputBlur" :adjust-position="false" type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
</view>
<view class="action">
<text class="icon-close"></text>
<text class="cuIcon-close"></text>
<text>取消</text>
</view>
</view>
@@ -366,7 +366,7 @@
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-title text-green"></text>
<text class="cuIcon-title text-green"></text>
<text>操作条按钮组</text>
</view>
</view>
@@ -388,18 +388,18 @@
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-title text-green"></text>
<text class="cuIcon-title text-green"></text>
<text>输入操作条</text>
</view>
</view>
<view class="box">
<view class="cu-bar input">
<view class="action">
<text class="icon-sound text-grey"></text>
<text class="cuIcon-sound text-grey"></text>
</view>
<input @focus="InputFocus" @blur="InputBlur" :adjust-position="false" class="solid-bottom" :focus="false" maxlength="300" cursor-spacing="10"></input>
<view class="action">
<text class="icon-emojifill text-grey"></text>
<text class="cuIcon-emojifill text-grey"></text>
</view>
<button class="cu-btn bg-green shadow-blur">发送</button>
</view>
@@ -407,11 +407,11 @@
<view class="cu-bar input">
<view class="cu-avatar round" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg);"></view>
<view class="action">
<text class="icon-roundaddfill text-grey"></text>
<text class="cuIcon-roundaddfill text-grey"></text>
</view>
<input @focus="InputFocus" @blur="InputBlur" :adjust-position="false" class="solid-bottom" maxlength="300" cursor-spacing="10"></input>
<view class="action">
<text class="icon-emojifill text-grey"></text>
<text class="cuIcon-emojifill text-grey"></text>
</view>
<button class="cu-btn bg-green shadow-blur">发送</button>
</view>

26
Colorui-UniApp/pages/component/card.vue
View File

@@ -3,7 +3,7 @@
<cu-custom bgColor="bg-gradual-pink" :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-titles text-orange"></text> 案例类卡片
<text class="cuIcon-titles text-orange"></text> 案例类卡片
</view>
<view class="action">
<switch :class="isCard?'checked':''" :checked="isCard?true:false" @change="IsCard"></switch>
@@ -25,9 +25,9 @@
<view class="text-gray text-sm flex justify-between">
十天前
<view class="text-gray text-sm">
<text class="icon-attentionfill margin-lr-xs"></text> 10
<text class="icon-appreciatefill margin-lr-xs"></text> 20
<text class="icon-messagefill margin-lr-xs"></text> 30
<text class="cuIcon-attentionfill margin-lr-xs"></text> 10
<text class="cuIcon-appreciatefill margin-lr-xs"></text> 20
<text class="cuIcon-messagefill margin-lr-xs"></text> 30
</view>
</view>
</view>
@@ -37,7 +37,7 @@
</view>
<view class="cu-bar bg-white solid-bottom" :class="isCard?'margin-top':''">
<view class="action">
<text class="icon-titles text-orange "></text> 动态类卡片
<text class="cuIcon-titles text-orange "></text> 动态类卡片
</view>
<view class="action">
<switch :class="isCard?'checked':''" :checked="isCard?true:false" @change="IsCard"></switch>
@@ -65,9 +65,9 @@
</view>
</view>
<view class="text-gray text-sm text-right padding">
<text class="icon-attentionfill margin-lr-xs"></text> 10
<text class="icon-appreciatefill margin-lr-xs"></text> 20
<text class="icon-messagefill margin-lr-xs"></text> 30
<text class="cuIcon-attentionfill margin-lr-xs"></text> 10
<text class="cuIcon-appreciatefill margin-lr-xs"></text> 20
<text class="cuIcon-messagefill margin-lr-xs"></text> 30
</view>
<view class="cu-list menu-avatar comment solids-top">
@@ -87,8 +87,8 @@
<view class="margin-top-sm flex justify-between">
<view class="text-gray text-df">2018年12月4日</view>
<view>
<text class="icon-appreciatefill text-red"></text>
<text class="icon-messagefill text-gray margin-left-sm"></text>
<text class="cuIcon-appreciatefill text-red"></text>
<text class="cuIcon-messagefill text-gray margin-left-sm"></text>
</view>
</view>
</view>
@@ -110,8 +110,8 @@
<view class="margin-top-sm flex justify-between">
<view class="text-gray text-df">2018年12月4日</view>
<view>
<text class="icon-appreciate text-gray"></text>
<text class="icon-messagefill text-gray margin-left-sm"></text>
<text class="cuIcon-appreciate text-gray"></text>
<text class="cuIcon-messagefill text-gray margin-left-sm"></text>
</view>
</view>
</view>
@@ -122,7 +122,7 @@
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
<text class="icon-titles text-orange "></text> 文章类卡片
<text class="cuIcon-titles text-orange "></text> 文章类卡片
</view>
<view class="action">
<switch :class="isCard?'checked':''" :checked="isCard?true:false" @change="IsCard"></switch>

12
Colorui-UniApp/pages/component/chat.vue
View File

@@ -22,7 +22,7 @@
<view class="date "> 13:23</view>
</view>
<view class="cu-info">
<text class="icon-roundclosefill text-red "></text> 对方拒绝了你的消息
<text class="cuIcon-roundclosefill text-red "></text> 对方拒绝了你的消息
</view>
<view class="cu-info">
对方开启了好友验证，你还不是他(她)的好友。请先发送好友验证请求，对方验证通过后，才能聊天。
@@ -41,7 +41,7 @@
3"
</view>
<view class="content shadow">
<text class="icon-sound text-xxl padding-right-xl"> </text>
<text class="cuIcon-sound text-xxl padding-right-xl"> </text>
</view>
</view>
<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big107000.jpg);"></view>
@@ -50,7 +50,7 @@
<view class="cu-item self">
<view class="main">
<view class="action">
<text class="icon-locationfill text-orange text-xxl"></text>
<text class="cuIcon-locationfill text-orange text-xxl"></text>
</view>
<view class="content shadow">
喵星球，喵喵市
@@ -66,7 +66,7 @@
@#$^&**
</view>
<view class="action text-grey">
<text class="icon-warnfill text-red text-xxl"></text> <text class="text-sm margin-left-sm">翻译错误</text>
<text class="cuIcon-warnfill text-red text-xxl"></text> <text class="text-sm margin-left-sm">翻译错误</text>
</view>
</view>
<view class="date">13:23</view>
@@ -75,12 +75,12 @@
<view class="cu-bar foot input" :style="[{bottom:InputBottom+'px'}]">
<view class="action">
<text class="icon-sound text-grey"></text>
<text class="cuIcon-sound text-grey"></text>
</view>
<input class="solid-bottom" :adjust-position="false" :focus="false" maxlength="300" cursor-spacing="10"
@focus="InputFocus" @blur="InputBlur"></input>
<view class="action">
<text class="icon-emojifill text-grey"></text>
<text class="cuIcon-emojifill text-grey"></text>
</view>
<button class="cu-btn bg-green shadow">发送</button>
</view>

12
Colorui-UniApp/pages/component/form.vue
View File

@@ -20,7 +20,7 @@
<view class="cu-form-group">
<view class="title">收货地址</view>
<input placeholder="输入框带个图标" name="input"></input>
<text class='icon-locationfill text-orange'></text>
<text class='cuIcon-locationfill text-orange'></text>
</view>
<view class="cu-form-group">
<view class="title">验证码</view>
@@ -153,17 +153,21 @@
</view>
<view class="cu-form-group">
<view class="grid col-4 grid-square flex-sub">
<view class="padding-xs bg-img" :style="'background-image:url(' + imgList[index] +')'" v-for="(item,index) in imgList"
<view class="padding-xs bg-img" :style="[{backgroundImage:'url(' + imgList[index] +')'}]" v-for="(item,index) in imgList"
:key="index" @tap="ViewImage" :data-url="imgList[index]">
<view class="cu-tag bg-red" @tap.stop="DelImg" :data-index="index">
<text class='icon-close'></text>
<text class='cuIcon-close'></text>
</view>
</view>
<view class="padding-xs solids" @tap="ChooseImage" v-if="imgList.length<4">
<text class='icon-cameraadd'></text>
<text class='cuIcon-cameraadd'></text>
</view>
</view>
</view>
<view class="cu-form-group margin-top">
<view class="title">头像</view>
<view class="cu-avatar radius lg bg-gray"></view>
</view>
<!-- !!!!! placeholder 在ios表现有偏移 建议使用 第一种样式 -->
<view class="cu-form-group margin-top">
<textarea maxlength="-1" :disabled="modalName!=null" @input="textareaAInput" placeholder="多行文本输入框"></textarea>

2
Colorui-UniApp/pages/component/home.vue
View File

@@ -7,7 +7,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="'icon-' + item.icon"></text>
<text :class="'cuIcon-' + item.icon"></text>
</navigator>
</view>
<view class="cu-tabbar-height"></view>

40
Colorui-UniApp/pages/component/list.vue
View File

@@ -7,7 +7,7 @@
</cu-custom>
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
<text class="icon-title text-orange "></text> 宫格列表
<text class="cuIcon-title text-orange "></text> 宫格列表
</view>
<view class="action">
<button class="cu-btn bg-green shadow" @tap="showModal" data-target="gridModal">设置</button>
@@ -39,7 +39,7 @@
</view>
<view class="cu-list grid" :class="['col-' + gridCol,gridBorder?'':'no-border']">
<view class="cu-item" v-for="(item,index) in iconList" :key="index" v-if="index<gridCol*2">
<view :class="['icon-' + item.icon,'text-' + item.color]">
<view :class="['cuIcon-' + item.icon,'text-' + item.color]">
<view class="cu-tag badge" v-if="item.badge!=0">
<block v-if="item.badge!=1">{{item.badge>99?'99+':item.badge}}</block>
</view>
@@ -51,7 +51,7 @@
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
<text class="icon-title text-orange"></text> 菜单列表
<text class="cuIcon-title text-orange"></text> 菜单列表
</view>
<view class="action">
<button class="cu-btn bg-green shadow" @tap="showModal" data-target="menuModal">设置</button>
@@ -90,7 +90,7 @@
<view class="cu-list menu" :class="[menuBorder?'sm-border':'',menuCard?'card-menu margin-top':'']">
<view class="cu-item" :class="menuArrow?'arrow':''">
<view class="content">
<text class="icon-circlefill text-grey"></text>
<text class="cuIcon-circlefill text-grey"></text>
<text class="text-grey">图标 + 标题</text>
</view>
</view>
@@ -102,19 +102,19 @@
</view>
<view class="cu-item" :class="menuArrow?'arrow':''">
<button class="cu-btn content" open-type="contact">
<text class="icon-btn text-olive"></text>
<text class="cuIcon-btn text-olive"></text>
<text class="text-grey">Open-type 按钮</text>
</button>
</view>
<view class="cu-item" :class="menuArrow?'arrow':''">
<navigator class="content" hover-class="none" url="../list/list" open-type="redirect">
<text class="icon-discoverfill text-orange"></text>
<text class="cuIcon-discoverfill text-orange"></text>
<text class="text-grey">Navigator 跳转</text>
</navigator>
</view>
<view class="cu-item" :class="menuArrow?'arrow':''">
<view class="content">
<text class="icon-emojiflashfill text-pink"></text>
<text class="cuIcon-emojiflashfill text-pink"></text>
<text class="text-grey">头像组</text>
</view>
<view class="action">
@@ -129,17 +129,17 @@
</view>
<view class="cu-item" :class="menuArrow?'arrow':''">
<view class="content">
<text class="icon-btn text-green"></text>
<text class="cuIcon-btn text-green"></text>
<text class="text-grey">按钮</text>
</view>
<view class="action">
<button class="cu-btn round bg-green shadow">
<text class="icon-upload"></text> 上传</button>
<text class="cuIcon-upload"></text> 上传</button>
</view>
</view>
<view class="cu-item" :class="menuArrow?'arrow':''">
<view class="content">
<text class="icon-tagfill text-red margin-right-xs"></text>
<text class="cuIcon-tagfill text-red margin-right-xs"></text>
<text class="text-grey">标签</text>
</view>
<view class="action">
@@ -150,7 +150,7 @@
</view>
<view class="cu-item" :class="menuArrow?'arrow':''">
<view class="content">
<text class="icon-warn text-green"></text>
<text class="cuIcon-warn text-green"></text>
<text class="text-grey">文本</text>
</view>
<view class="action">
@@ -160,9 +160,9 @@
<view class="cu-item">
<view class="content padding-tb-sm">
<view>
<text class="icon-clothesfill text-blue margin-right-xs"></text> 多行Item</view>
<text class="cuIcon-clothesfill text-blue margin-right-xs"></text> 多行Item</view>
<view class="text-gray text-sm">
<text class="icon-infofill margin-right-xs"></text> 小目标还没有实现！</view>
<text class="cuIcon-infofill margin-right-xs"></text> 小目标还没有实现！</view>
</view>
<view class="action">
<switch class="switch-sex" @change="SwitchSex" :class="skin?'checked':''" :checked="skin?true:false"></switch>
@@ -172,7 +172,7 @@
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
<text class="icon-title text-orange "></text> 消息列表
<text class="cuIcon-title text-orange "></text> 消息列表
</view>
</view>
<view class="cu-list menu-avatar">
@@ -182,7 +182,7 @@
<view class="text-grey">凯尔</view>
<view class="text-gray text-sm flex">
<text class="text-cut">
<text class="icon-infofill text-red margin-right-xs"></text>
<text class="cuIcon-infofill text-red margin-right-xs"></text>
我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。
</text> </view>
</view>
@@ -208,7 +208,7 @@
</view>
<view class="action">
<view class="text-grey text-xs">22:20</view>
<view class="icon-notice_forbid_fill text-gray"></view>
<view class="cuIcon-notice_forbid_fill text-gray"></view>
</view>
</view>
<view class="cu-item ">
@@ -245,17 +245,17 @@
<view class="cu-tag round bg-orange sm">6人</view>
</view>
<view class="text-gray text-sm flex">
<text class="text-cut"> 伊泽瑞尔：<text class="icon-locationfill text-orange margin-right-xs"></text> 传送中...</text></view>
<text class="text-cut"> 伊泽瑞尔：<text class="cuIcon-locationfill text-orange margin-right-xs"></text> 传送中...</text></view>
</view>
<view class="action">
<view class="text-grey text-xs">22:20</view>
<view class="icon-notice_forbid_fill text-gray"></view>
<view class="cuIcon-notice_forbid_fill text-gray"></view>
</view>
</view>
</view>
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
<text class="icon-title text-orange "></text> 列表左滑
<text class="cuIcon-title text-orange "></text> 列表左滑
</view>
</view>
<view class="cu-list menu-avatar">
@@ -265,7 +265,7 @@
<view class="content">
<view class="text-grey">文晓港</view>
<view class="text-gray text-sm">
<text class="icon-infofill text-red margin-right-xs"></text> 消息未送达</view>
<text class="cuIcon-infofill text-red margin-right-xs"></text> 消息未送达</view>
</view>
<view class="action">
<view class="text-grey text-xs">22:20</view>

24
Colorui-UniApp/pages/component/modal.vue
View File

@@ -6,7 +6,7 @@
</cu-custom>
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-orange "></text> 普通窗口
<text class="cuIcon-title text-orange "></text> 普通窗口
</view>
<view class="action">
<button class="cu-btn bg-green shadow" @tap="showModal" data-target="Modal">Modal</button>
@@ -17,7 +17,7 @@
<view class="cu-bar bg-white justify-end">
<view class="content">Modal标题</view>
<view class="action" @tap="hideModal">
<text class="icon-close text-red"></text>
<text class="cuIcon-close text-red"></text>
</view>
</view>
<view class="padding-xl">
@@ -28,7 +28,7 @@
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-orange "></text> 底部窗口
<text class="cuIcon-title text-orange "></text> 底部窗口
</view>
<view class="action">
<button class="cu-btn bg-green shadow" @tap="showModal" data-target="bottomModal">Bottom</button>
@@ -48,7 +48,7 @@
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-orange "></text> 对话窗口
<text class="cuIcon-title text-orange "></text> 对话窗口
</view>
<view class="action">
<button class="cu-btn bg-green shadow" @tap="showModal" data-target="DialogModal1">Dialog</button>
@@ -60,7 +60,7 @@
<view class="cu-bar bg-white justify-end">
<view class="content">Modal标题</view>
<view class="action" @tap="hideModal">
<text class="icon-close text-red"></text>
<text class="cuIcon-close text-red"></text>
</view>
</view>
<view class="padding-xl">
@@ -81,7 +81,7 @@
<view class="cu-bar bg-white justify-end">
<view class="content">Modal标题</view>
<view class="action" @tap="hideModal">
<text class="icon-close text-red"></text>
<text class="cuIcon-close text-red"></text>
</view>
</view>
<view class="padding-xl">
@@ -89,7 +89,7 @@
</view>
<view class="cu-bar bg-white">
<view class="action margin-0 flex-sub text-green " @tap="hideModal">
<text class="icon-moneybag"></text>微信支付</view>
<text class="cuIcon-moneybag"></text>微信支付</view>
<view class="action margin-0 flex-sub text-green solid-left" @tap="hideModal">取消</view>
<view class="action margin-0 flex-sub solid-left" @tap="hideModal">确定</view>
</view>
@@ -98,7 +98,7 @@
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-orange "></text> 图片窗口
<text class="cuIcon-title text-orange "></text> 图片窗口
</view>
<view class="action">
<button class="cu-btn bg-green shadow" @tap="showModal" data-target="Image">Image</button>
@@ -110,7 +110,7 @@
<view class="bg-img" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg');height:200px;">
<view class="cu-bar justify-end text-white">
<view class="action" @tap="hideModal">
<text class="icon-close "></text>
<text class="cuIcon-close "></text>
</view>
</view>
</view>
@@ -123,7 +123,7 @@
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-orange "></text> 单选窗口
<text class="cuIcon-title text-orange "></text> 单选窗口
</view>
<view class="action">
<button class="cu-btn bg-green shadow" @tap="showModal" data-target="RadioModal">Radio</button>
@@ -148,7 +148,7 @@
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-orange "></text> 多选窗口
<text class="cuIcon-title text-orange "></text> 多选窗口
</view>
<view class="action">
<button class="cu-btn bg-green shadow" @tap="showModal" data-target="ChooseModal">Choose</button>
@@ -173,7 +173,7 @@
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-orange "></text> 侧边抽屉
<text class="cuIcon-title text-orange "></text> 侧边抽屉
</view>
<view class="action">
<button class="cu-btn bg-green shadow" @tap="showModal" data-target="DrawerModalL">Left</button>

16
Colorui-UniApp/pages/component/nav.vue
View File

@@ -6,7 +6,7 @@
</view>
<view class="cu-bar bg-white solid-bottom">
<view class="action">
<text class="icon-title text-orange"></text> 默认
<text class="cuIcon-title text-orange"></text> 默认
</view>
</view>
<scroll-view scroll-x class="bg-white nav" scroll-with-animation :scroll-left="scrollLeft">
@@ -17,7 +17,7 @@
<view class="cu-bar bg-white margin-top solid-bottom">
<view class="action">
<text class="icon-title text-orange"></text> 居中
<text class="cuIcon-title text-orange"></text> 居中
</view>
</view>
<scroll-view scroll-x class="bg-white nav text-center">
@@ -28,7 +28,7 @@
<view class="cu-bar bg-white margin-top solid-bottom">
<view class="action">
<text class="icon-title text-orange"></text> 平分
<text class="cuIcon-title text-orange"></text> 平分
</view>
</view>
<scroll-view scroll-x class="bg-white nav">
@@ -40,7 +40,7 @@
</scroll-view>
<view class="cu-bar bg-white margin-top solid-bottom">
<view class="action">
<text class="icon-title text-orange"></text> 背景
<text class="cuIcon-title text-orange"></text> 背景
</view>
</view>
<scroll-view scroll-x class="bg-red nav text-center">
@@ -50,18 +50,18 @@
</scroll-view>
<view class="cu-bar bg-white margin-top solid-bottom">
<view class="action">
<text class="icon-title text-orange"></text> 图标
<text class="cuIcon-title text-orange"></text> 图标
</view>
</view>
<scroll-view scroll-x class="bg-green nav text-center">
<view class="cu-item" :class="0==TabCur?'text-white cur':''" @tap="tabSelect" data-id="0">
<text class="icon-camerafill"></text> 数码
<text class="cuIcon-camerafill"></text> 数码
</view>
<view class="cu-item" :class="1==TabCur?'text-white cur':''" @tap="tabSelect" data-id="1">
<text class="icon-upstagefill"></text> 排行榜
<text class="cuIcon-upstagefill"></text> 排行榜
</view>
<view class="cu-item" :class="2==TabCur?'text-white cur':''" @tap="tabSelect" data-id="2">
<text class="icon-clothesfill"></text> 皮肤
<text class="cuIcon-clothesfill"></text> 皮肤
</view>
</scroll-view>

12
Colorui-UniApp/pages/component/steps.vue
View File

@@ -3,7 +3,7 @@
<cu-custom bgColor="bg-gradual-pink" :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-orange"></text> 基本用法
<text class="cuIcon-title text-orange"></text> 基本用法
</view>
<view class="action">
<button class="cu-btn bg-green shadow" @tap="BasicsSteps">下一步</button>
@@ -12,7 +12,7 @@
<view class="bg-white padding">
<view class="cu-steps">
<view class="cu-item" :class="index>basics?'':'text-red'" v-for="(item,index) in basicsList" :key="index">
<text :class="'icon-' + item.icon"></text> {{item.name}}
<text :class="'cuIcon-' + item.icon"></text> {{item.name}}
</view>
</view>
</view>
@@ -20,7 +20,7 @@
<view class="bg-white padding margin-top-xs">
<view class="cu-steps">
<view class="cu-item" :class="index>basics?'':'text-orange'" v-for="(item,index) in basicsList" :key="index">
<text :class="index>basics?'icon-title':'icon-' + item.icon"></text> {{item.name}}
<text :class="index>basics?'cuIcon-title':'cuIcon-' + item.icon"></text> {{item.name}}
</view>
</view>
</view>
@@ -28,13 +28,13 @@
<view class="bg-white padding margin-top-xs">
<view class="cu-steps steps-arrow">
<view class="cu-item" :class="index>basics?'':'text-blue'" v-for="(item,index) in basicsList" :key="index">
<text :class="'icon-' + item.icon"></text> {{item.name}}
<text :class="'cuIcon-' + item.icon"></text> {{item.name}}
</view>
</view>
</view>
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
<text class="icon-title text-orange"></text> 数字完成
<text class="cuIcon-title text-orange"></text> 数字完成
</view>
<view class="action">
<button class="cu-btn bg-green shadow" @tap="NumSteps">下一步</button>
@@ -49,7 +49,7 @@
</view>
<view class="cu-bar bg-white solid-bottom margin-top">
<view class="action">
<text class="icon-title text-orange"></text> 多级显示
<text class="cuIcon-title text-orange"></text> 多级显示
</view>
<view class="action">
<button class="cu-btn bg-green shadow" @tap="ScrollSteps">下一步</button>

6
Colorui-UniApp/pages/component/swiper.vue
View File

@@ -5,7 +5,7 @@
</cu-custom>
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-title text-pink"></text> 全屏限高轮播
<text class="cuIcon-title text-pink"></text> 全屏限高轮播
</view>
<view class="action">
<switch @change="DotStyle" :class="dotStyle?'checked':''" :checked="dotStyle?true:false"></switch>
@@ -21,7 +21,7 @@
<!-- #ifndef MP-ALIPAY -->
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-pink"></text> 卡片式轮播
<text class="cuIcon-title text-pink"></text> 卡片式轮播
</view>
</view>
<swiper class="card-swiper" :class="dotStyle?'square-dot':'round-dot'" :indicator-dots="true" :circular="true"
@@ -36,7 +36,7 @@
</swiper>
<view class="cu-bar bg-white margin-top">
<view class="action">
<text class="icon-title text-pink"></text> 堆叠式轮播
<text class="cuIcon-title text-pink"></text> 堆叠式轮播
</view>
</view>
<view class="tower-swiper" @touchmove="TowerMove" @touchstart="TowerStart" @touchend="TowerEnd">

12
Colorui-UniApp/pages/component/timeline.vue
View File

@@ -3,17 +3,17 @@
<cu-custom bgColor="bg-gradual-pink" :isBack="true"><block slot="backText">返回</block><block slot="content">时间轴</block></cu-custom>
<view class="cu-timeline">
<view class="cu-time">昨天</view>
<view class="cu-item cur icon-noticefill">
<view class="cu-item cur cuIcon-noticefill">
<view class="content bg-green shadow-blur">
<text>22:22</text> 【广州市】快件已到达地球
</view>
</view>
<view class="cu-item text-red icon-attentionforbidfill">
<view class="cu-item text-red cuIcon-attentionforbidfill">
<view class="content bg-red shadow-blur">
这是第一次，我家的铲屎官走了这么久。久到足足有三天！！
</view>
</view>
<view class="cu-item text-grey icon-evaluate_fill">
<view class="cu-item text-grey cuIcon-evaluate_fill">
<view class="content bg-grey shadow-blur">
这是第一次，我家的铲屎官走了这么久。
</view>
@@ -56,7 +56,7 @@
<view class="content">
<view class="text-grey">文晓港</view>
<view class="text-gray text-sm">
<text class="icon-infofill text-red"></text> 消息未送达</view>
<text class="cuIcon-infofill text-red"></text> 消息未送达</view>
</view>
<view class="action">
<view class="text-grey text-xs">22:20</view>
@@ -72,11 +72,11 @@
<view class="cu-tag round orange sm">SVIP</view>
</view>
<view class="text-gray text-sm">
<text class="icon-redpacket_fill text-red"></text> 收到红包</view>
<text class="cuIcon-redpacket_fill text-red"></text> 收到红包</view>
</view>
<view class="action">
<view class="text-grey text-xs">22:20</view>
<text class="icon-notice_forbid_fill text-gray"></text>
<text class="cuIcon-notice_forbid_fill text-gray"></text>
</view>
</view>
</view>

6
Colorui-UniApp/pages/index/index.vue
View File

@@ -5,19 +5,19 @@
<plugin v-if="PageCur=='plugin'"></plugin>
<view class="cu-bar tabbar bg-white shadow foot">
<view class="action" @click="NavChange" data-cur="basics">
<view class='icon-cu-image'>
<view class='cuIcon-cu-image'>
<image :src="'/static/tabbar/basics' + [PageCur=='basics'?'_cur':''] + '.png'"></image>
</view>
<view :class="PageCur=='basics'?'text-green':'text-gray'">元素</view>
</view>
<view class="action" @click="NavChange" data-cur="component">
<view class='icon-cu-image'>
<view class='cuIcon-cu-image'>
<image :src="'/static/tabbar/component' + [PageCur == 'component'?'_cur':''] + '.png'"></image>
</view>
<view :class="PageCur=='component'?'text-green':'text-gray'">组件</view>
</view>
<view class="action" @click="NavChange" data-cur="plugin">
<view class='icon-cu-image'>
<view class='cuIcon-cu-image'>
<image :src="'/static/tabbar/plugin' + [PageCur == 'plugin'?'_cur':''] + '.png'"></image>
</view>
<view :class="PageCur=='plugin'?'text-green':'text-gray'">扩展</view>

8
Colorui-UniApp/pages/plugin/animation.vue
View File

@@ -5,7 +5,7 @@
</cu-custom>
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-title text-orange"></text> 默认效果
<text class="cuIcon-title text-orange"></text> 默认效果
</view>
</view>
<view class="padding-sm">
@@ -16,7 +16,7 @@
</view>
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-title text-orange"></text> 反向动画
<text class="cuIcon-title text-orange"></text> 反向动画
</view>
</view>
@@ -28,7 +28,7 @@
</view>
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-title text-orange"></text> 延迟执行
<text class="cuIcon-title text-orange"></text> 延迟执行
</view>
<view class="action">
<button class="cu-btn bg-cyan shadow" @tap="ToggleDelay">开始执行</button>
@@ -43,7 +43,7 @@
</view>
<view class="cu-bar bg-white">
<view class="action">
<text class="icon-title text-orange"></text> Gif动画
<text class="cuIcon-title text-orange"></text> Gif动画
</view>
</view>
<view class="margin radius bg-gradual-green shadow-blur">

6
Colorui-UniApp/pages/plugin/drawer.vue
View File

@@ -12,7 +12,7 @@
<view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg">
<view class="cu-item arrow" v-for="(item,index) in 20" :key="index">
<view class="content">
<text class="icon-github text-grey"></text>
<text class="cuIcon-github text-grey"></text>
<text class="text-grey">{{index +1}}</text>
</view>
</view>
@@ -25,13 +25,13 @@
</view>
</scroll-view>
<view class="DrawerClose" :class="modalName=='viewModal'?'show':''" @tap="hideModal">
<text class="icon-pullright"></text>
<text class="cuIcon-pullright"></text>
</view>
<scroll-view scroll-y class="DrawerWindow" :class="modalName=='viewModal'?'show':''">
<view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg">
<view class="cu-item arrow" v-for="(item,index) in 20" :key="index">
<view class="content">
<text class="icon-github text-grey"></text>
<text class="cuIcon-github text-grey"></text>
<text class="text-grey">{{index +1}}</text>
</view>
</view>

2
Colorui-UniApp/pages/plugin/indexes.vue
View File

@@ -5,7 +5,7 @@
</cu-custom>
<view class="cu-bar bg-white search fixed" :style="[{top:CustomBar + 'px'}]">
<view class="search-form round">
<text class="icon-search"></text>
<text class="cuIcon-search"></text>
<input type="text" placeholder="输入搜索的关键词" confirm-type="search"></input>
</view>
<view class="action">

13
Colorui-UniApp/pages/plugin/verticalnav.vue
View File

@@ -1,11 +1,10 @@
<template>
<view>
<view class=" fixed ">
<view class="fixed">
<cu-custom :isBack="true" bgColor="bg-shadeTop text-white">
<block slot="backText">返回</block>
<block slot="content">垂直导航</block>
</cu-custom>
</view>
<swiper class="screen-swiper round-dot" :indicator-dots="true" :circular="true" :autoplay="true" interval="5000"
duration="500">
@@ -25,7 +24,7 @@
<view class="padding-top padding-lr" v-for="(item,index) in list" :key="index" :id="'main-'+index">
<view class="cu-bar solid-bottom bg-white">
<view class="action">
<text class="icon-title text-green"></text> Tab-{{item.name}}</view>
<text class="cuIcon-title text-green"></text> Tab-{{item.name}}</view>
</view>
<view class="cu-list menu-avatar">
<view class="cu-item">
@@ -34,7 +33,7 @@
<view class="text-grey">凯尔</view>
<view class="text-gray text-sm flex">
<text class="text-cut">
<text class="icon-infofill text-red margin-right-xs"></text>
<text class="cuIcon-infofill text-red margin-right-xs"></text>
我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。我已天理为凭，踏入这片荒芜，不再受凡人的枷锁遏制。
</text> </view>
</view>
@@ -60,7 +59,7 @@
</view>
<view class="action">
<view class="text-grey text-xs">22:20</view>
<view class="icon-notice_forbid_fill text-gray"></view>
<view class="cuIcon-notice_forbid_fill text-gray"></view>
</view>
</view>
<view class="cu-item ">
@@ -97,11 +96,11 @@
<view class="cu-tag round bg-orange sm">6人</view>
</view>
<view class="text-gray text-sm flex">
<text class="text-cut"> 伊泽瑞尔：<text class="icon-locationfill text-orange margin-right-xs"></text> 传送中...</text></view>
<text class="text-cut"> 伊泽瑞尔：<text class="cuIcon-locationfill text-orange margin-right-xs"></text> 传送中...</text></view>
</view>
<view class="action">
<view class="text-grey text-xs">22:20</view>
<view class="icon-notice_forbid_fill text-gray"></view>
<view class="cuIcon-notice_forbid_fill text-gray"></view>
</view>
</view>
</view>